Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of ICE-6: Rendering Marks and Channels with React & D3

Public visualization

Viewing a saved revision (read-only)

f534bd78ed7a4024b24facbb73584c2d

Fork of ICE-6: Rendering Marks and Channels with React & D3

0 stars0🌍 Public
Nnikitamakkena
Last edited Mar 6, 2022
Created on Mar 6, 2022

This visualization displays the IMDb ratings of ten movies as a horizontal bar chart. Built with React and D3 v5, the app fetches data from a CSV file using `d3.csv` and renders SVG marks. The code uses `scaleBand` for the categorical y-axis, `scaleLinear` for the quantitative x-axis, and manually maps ticks and rectangles from the data array. React state and `useEffect` manage the asynchronous data loading.

AI-generated description

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

See also React Starter.