Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of A7 SteamGraph

Public visualization

Viewing a saved revision (read-only)

b4ec377f9a5545bd80b0ca4129fc1822

Fork of A7 SteamGraph

0 stars0🌍 Public
Cchalasanigayaetiri@gmail.com
Last edited Apr 20, 2024
Created on Apr 20, 2024
Forked from A7 SteamGraph

This example shows a Gantt chart built with Plotly.js, displaying four tasks across Vancouver, Portland, San Francisco, and Seattle as horizontal bars with date ranges. The visualization uses Plotly’s `newPlot` API with bar traces in horizontal orientation, where each bar’s x-coordinates are date strings and y-coordinates label the cities. The layout configures the x-axis as a date type with angled tick labels, while the y-axis uses automatic margin adjustment. The chart is embedded in a styled container with fixed dimensions, and the color scheme applies semi-transparent blue markers with solid borders.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.