Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scientific Data Visualisation Assignment Rendering Marks and Channels with React & D3

Public visualization

Viewing a saved revision (read-only)

8182ba8a6383459787aff161c3959981

Scientific Data Visualisation Assignment Rendering Marks and Channels with React & D3

0 stars0🌍 Public
SSravyaAnnadi
Last edited Jun 26, 2022
Created on Jun 25, 2022

This bar chart displays the gross earnings of twelve movies, with movie titles on the y-axis and their corresponding dollar values on the x-axis. The visualization uses React to manage state and render SVG elements, while D3 v5 handles data loading via `d3.csv`, scales with `scaleBand` and `scaleLinear`, and generates axis ticks. The data is fetched from a remote CSV URL, and the chart draws blue rectangles for each movie's gross value.

AI-generated description