Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bar Graph using D3.js

Public visualization

Bar Graph using D3.js

0 stars0🌍 Public
Vvenkatajayanth03
Last edited Jun 26, 2022
Created on Jun 26, 2022
Forked from HTML Starter

This example displays a bar chart of students’ final exam marks, with student names on the x-axis and marks on the y-axis. The visualization loads data from a CSV file (`marksheet.csv`) using `d3.csv`, then creates the chart with D3 v7’s `scaleBand` and `scaleLinear` for axes, and appends SVG `<rect>` elements for bars. Axis labels are added via `d3.axisBottom` and `d3.axisLeft`, along with a title. The rendering is entirely SVG-based, with hardcoded margins and a fixed canvas size.

AI-generated description

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

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed