Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Simple Bar Chart

Public visualization

Viewing a saved revision (read-only)

c49f819feeae4c73a72447d9d008efce

Fork of Simple Bar Chart

0 stars0🌍 Public
Mmadipadiga.raviteja@gmail.com
Last edited Mar 21, 2024
Created on Mar 21, 2024
Forked from Simple Bar Chart

This example visualizes the production budgets of Indian films as a horizontal bar chart, using React and D3 v5. The chart reads movie titles and budget figures from a remote CSV file, mapping each movie to a bar scaled by its budget. It constructs the visualization with D3’s `scaleBand` and `scaleLinear` for positioning and sizing, and renders axes, labels, and rectangles with SVG. The code also applies CSS gradients for bar and text fills, and includes a hardcoded header unrelated to the data.

AI-generated description

A bar chart showing the top 10 most populous countries on Earth as of January 1st 2024.

Challenge

  • Fork this viz and modify it to show your own data