Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG

Public visualization

SVG

0 stars0🌍 Public
SSurajRepo
Last edited Apr 25, 2020
Created on Apr 25, 2020
Forked from HTML Starter

This example shows student marks for individual modules, filtered by student ID through a dropdown menu. It presents a bar chart of marks per module for the selected student, with an animated update when the selection changes. The code uses D3 v5 to load the data with `d3.json`, binds the data to SVG rectangles, and renders axes with `d3.axisBottom` and `d3.axisLeft`. The x and y scales are created with `d3.scaleBand` and `d3.scaleLinear`, respectively. The visualization is a React project but uses vanilla JavaScript and SVG rendering for the chart.

AI-generated description

A bare minimum HTML page.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed