Skip to main content
SimilarExport ZIP
100%

Fork of HTML Starter

✓ Published1🌍 Public
AAbhiram-Janagama
Last edited Mar 9, 2026
Created on Mar 9, 2026
Forked from HTML Starter

A bar chart displays the number of movies per genre from a 100-sample CSV dataset, with genres on the x-axis and counts on the y-axis. The chart is rendered as scalable vector graphics (SVG) using D3.js v7. The code loads the data with d3.csv, aggregates counts via d3.rollup, and constructs scales with d3.scaleBand and d3.scaleLinear, with axes drawn using d3.axisBottom and d3.axisLeft.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

fork1

This bar chart shows the number of movies in each genre from the dataset, with genres sorted in descending order of count. It is rendered as an SVG using D3.js (v7) and reads the data from `Movie_ratings.csv`. The chart uses `d3.rollup` to count movies per genre, `d3.scaleBand` and `d3.scaleLinear` for the axes, and `d3.axisLeft` with grid lines to show the y-axis scale. Bars are drawn with `.attr('fill', '#FFD700')` in gold, and axis labels are rotated for readability.

SSai Vamshi B
88% match
Loading thumbnail…

Fork

This example visualizes the distribution of ratings across movie genres as a percentage, with each bar representing a genre and its height indicating the proportion of a specific rating level. It shows the data as a stacked bar chart where hovering over a bar reveals the exact percentage via a tooltip. Built with D3 v7, the visualization loads data from a CSV file and uses `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and interactive mouse events to trigger tooltip transitions. The chart is rendered as an SVG with animated hover effects and lightweight styling.

Ssathvik0311@gmail.com
84% match
Loading thumbnail…

Fork of HTML Starter

This bar chart displays the value of each category, sorted in descending order. Built with D3 v7, it loads data from a CSV file via a Gist URL using `d3.csv` and `d3.autoType`. The visualization uses a band scale for categories, a linear scale for values, grid lines, rotated axis labels, and a tooltip that appears on mouseover.

SSYAM TEJ
83% match
Loading thumbnail…

Fork of HTML Starter

This stacked bar chart visualizes music genre preferences across five age groups, using percentages from a CSV dataset. Each bar represents a genre, segmented into colored sections by age bracket. The visualization uses D3 v7 with `d3.stack()` for data stacking, `d3.scaleLinear()` and `d3.scaleBand()` for scales, and SVG rendering. Interactive tooltips display exact percentage values on hover, while a legend identifies the color encoding for each age group.

Ssahithya.voleti@gmail.com
82% match
Loading thumbnail…

Fork of HTML Starter

This interactive bar chart visualizes the distribution of tree species from a CSV dataset, displaying the count of each species alongside tooltips that reveal average height and circumference. Built with D3 v7, the visualization employs `d3.csv` for data loading, `d3.rollups` for aggregation, and `d3.scaleBand` and `d3.scaleLinear` for axes. Bars animate upward on load, use a green sequential color scale, and respond to hover with opacity changes. The SVG rendering includes rotated x-axis labels and a styled title.

Aanirudhrao345@gmail.com
82% match
Loading thumbnail…

Fork of HTML Starter

This visualization summarizes South Indian movie data, displaying total count, average IMDB rating, and average box office earnings in a text summary, alongside a full data table and a bar chart of box office collections. The bar chart uses d3.scaleBand and d3.scaleLinear to map movie titles and revenue, with axes generated via d3.axisBottom and d3.axisLeft. The code loads a CSV dataset with d3.csv, cleans the data, and renders the SVG chart with blue rectangles, rotated x-axis labels, and custom title text.

Ddeepthinaidu2001@gmail.com
81% match
Loading thumbnail…

Fork of tutorial2

A stacked bar chart displays the percentage distribution of five IMDb rating levels across six movie genres, with each bar segment colored by rating category and hover tooltips revealing exact percentages. The visualization uses D3 v7's `d3.stack()` to compute stacked series, `d3.scaleLinear` and `d3.scaleBand` for axes, and `d3.scaleOrdinal` for color mapping. Rendered as SVG from a CSV dataset, the chart also includes a legend and axis labels, with hover interactions managed via D3 event handlers.

NNita
81% match
Loading thumbnail…

Fork of HTML Starter

This bar chart displays categorical values from a remote CSV file hosted on GitHub. The visualization uses D3.js v7 to load the data with `d3.csv` and renders it as an SVG. The chart's y-axis is scaled linearly with `d3.scaleLinear` and includes nice tick marks, while the x-axis uses `d3.scaleBand` for categorical spacing. The code appends steelblue rectangles, rotates x-axis labels, and adds a title, with margins and axes positioned via SVG transforms.

Yyazneshpara2@gmail.com
81% match