Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bar Chart Example

Public visualization

Viewing a saved revision (read-only)

a4165eb676b5437d8540a9d98e203645

Bar Chart Example

0 stars0🌍 Public
Aachyutanandmishra17@gmail.com
Last edited Mar 23, 2023
Created on Mar 23, 2023
Forked from HTML Starter

This bar chart visualizes Netflix stock closing prices over time, fetched from a CSV file and rendered as individual date-labeled bars. The code uses React hooks (`useEffect`, `useRef`) to manage the chart lifecycle and D3 v6 APIs including `d3.csvParse`, `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisBottom`/`d3.axisLeft`. Bars are drawn as SVG `rect` elements with a steelblue fill, with dates rotated on the x-axis for readability. The chart dynamically fetches and parses the data before computing scales and rendering.

AI-generated description

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

See also React Starter.