Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-6 Creating Marks And Channels

Public visualization

Viewing a saved revision (read-only)

fcba67a4ebf444bba0a953dca167be5b

ICE-6 Creating Marks And Channels

0 stars1🌍 Public
Aakhilgupta11
Last edited Mar 4, 2023
Created on Mar 4, 2023
Forked from HTML Starter

This bar chart visualizes the relationship between time invested in studying and marks scored for 15 students, using a horizontal bar layout. The chart maps time spent studying to the y-axis against a blue horizontal rectangle for each student, whose width encodes the marks obtained. The visualization is built with React and D3 v5, using `d3.csv` to load data, `d3.scaleBand` and `d3.scaleLinear` for axes, and `d3.max` to determine the scale domain. The SVG rendering includes custom axis lines and labels, with data sourced from a CSV file.

AI-generated description

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

See also React Starter.