Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

[A11] My Chart

Public visualization

Viewing a saved revision (read-only)

461d19cf32b14f6c98c3e43b490536b3

[A11] My Chart

0 stars0🌍 Public
Cctan13@dons.usfca.edu
Last edited Apr 19, 2024
Created on Apr 19, 2024
Forked from HTML Starter

This interactive line chart displays the Consumer Price Index (CPI) for corn, rice, rye, and wheat from 2000 to 2015, with each grain represented by a distinct colored line and gray circular data points. Hovering over a point reveals a tooltip with the specific year, CPI value, and grain type, while the chart includes labeled axes, a legend, and a title. The visualization uses d3.csv to load external data, d3.scaleLinear, d3.line, d3.axisBottom, and d3.axisLeft for scaling and axes, and appends SVG paths and circles for rendering. A d3.legendColor legend with custom triangle shapes identifies the grain series. The graph is built with D3 v7 inside a React framework, rendering to SVG based on window dimensions.

AI-generated description

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

See also React Starter.