Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-6 by Sujit, Q1

Public visualization

Viewing a saved revision (read-only)

d142d87ed6df4cd5845eb5605083d01a

ICE-6 by Sujit, Q1

0 stars1🌍 Public
Ssujitrayudu01@gmail.com
Last edited Mar 21, 2024
Created on Mar 20, 2024
Forked from HTML Starter

This example visualizes manga sales volumes using a bar chart, with each bar representing a series and its height encoding millions of copies sold. It loads CSV data via D3’s `csv` method, then uses `scaleBand` and `scaleLinear` to map series names and sales values to positions. React manages the component state and rendering, while D3 handles the axes and scales. The chart includes gridlines, tick labels, and rotated or angled series names, with all elements drawn as SVG rectangles and text. The data comes from an external gist-hosted CSV file, and the visualization updates after the data asynchronously loads.

AI-generated description

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

See also React Starter.