🌍 Public
Viewing a saved revision (read-only)
d0299642239f4ee4bf52bd8fa27073c3
Marks and Channels
This example displays the top 5 movies by lifetime gross earnings as a horizontal bar chart, with each bar’s length encoding the numerical value. Built with React and D3 v5, it uses `d3.csv` to load the data, `scaleBand` for the categorical y-axis, and `scaleLinear` for the quantitative x-axis. The SVG rectangles are rendered directly via React, with axes drawn using custom ticks and gridlines.
AI-generated descriptionWebpage that displays Top 5 movies from 50 other movies with respect to Life Time Gross earnings in bar graph.