Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Chart with CSV Data

Public visualization

Viewing a saved revision (read-only)

28625c203ba34481a03bd85dad6aecc0

D3 Chart with CSV Data

0 stars0🌍 Public
NNyashaBradleymhepo
Last edited Aug 3, 2023
Created on Jul 26, 2023
Forked from HTML Starter

This example visualizes hierarchical data from a CSV file, plotting `team_score` values for each `team_name` as horizontal bars. The bar chart initially presents a top-level overview, with the ability to drill down into nested categories. The code uses D3 v6 APIs including `create`, `scaleLinear`, `scaleBand`, `axisBottom`, `axisLeft`, `csv`, and `hierarchy` to load external CSV data, construct the scales, and build the interactive, drillable bar chart. The rendering is done via an SVG container, with axes drawn on the left and bottom margins.

AI-generated description

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

See also React Starter.