fork1

100%

✓ Published0🌍 Public

Last edited Mar 9, 2026

Created on Mar 9, 2026

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of 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.

AAbhiram-Janagama

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

86% match

Loading thumbnail…

Fork of 6.2

This is a stacked horizontal bar chart showing the percentage distribution of movie ratings across five genres (Adventure, Fantasy, Sci-Fi, Thriller) and five rating categories (Action, Comedy, Drama, Horror, Romance), based on IMDb data. The chart uses D3.js v7 with the `d3.csv` loader to read `data.csv`, `d3.stack()` to create the stacked bars, and `d3.scaleOrdinal` for color mapping. Hovering over a segment triggers a tooltip displaying the precise percentage, while a legend on the right identifies each rating category.

Pperamranji

84% match

Loading thumbnail…

Fork of Week 5: IMDB Top 250 Movies Bar Chart: Genre VS Count

This bar chart shows the distribution of genres across IMDb’s Top 250 movies, counting each genre listed for a film and sorting the results by frequency. The visualization uses React and D3 v7’s `scaleBand`, `scaleLinear`, `axisBottom`, and `axisLeft` APIs to render the bars and axes. Titles and labels are added via D3 selections, while bars use a gradient fill defined in an SVG `linearGradient`. The data comes from a local CSV file loaded with `d3.csv`.

XXiaojun

83% match

Loading thumbnail…

Fork of Hello VizHub

A stacked bar chart displays the percentage distribution of IMDb ratings across six movie genres, with each genre's bar segmented into five rating categories. The visualization reveals that action films have the highest proportion of low ratings, while documentaries skew toward higher ratings. Built with D3 v7 and rendered as SVG, the chart uses d3.stack() to compute stacked segments, d3.scaleOrdinal() for color encoding, and hover interactions with tooltips to display precise percentages. Data comes from a local CSV file containing genre-specific rating proportions.

Ssaivaishnogaruda@gmail.com

83% match

Loading thumbnail…

Fork of Fork of Movie ratings

This stacked bar chart shows the distribution of movie ratings across six genres, with each bar divided into five rating categories from “below 5.0” to “above 8.5.” The chart reveals that documentaries and dramas have higher proportions of strong ratings, while action films skew toward lower scores. Using D3 v7, the visualization applies `d3.stack()` to compute stacked segments, `d3.scaleOrdinal` to map rating categories to colors, and `d3.scaleBand` for the genre axis. Interactive tooltips appear on mouseover, displaying the exact percentage for each rating segment. The data is loaded from a CSV file and rendered as SVG.

SSiyu Shen

83% match

Loading thumbnail…

Fork of Week 5: IMDB Top 250 Movies Bar Chart: Genre VS Count

This bar chart displays the distribution of genres among the IMDb Top 250 movies, counting each genre assigned to a film (including multi-genre entries) and sorting the results descending by frequency. The visualization uses D3 v7 scales (`scaleBand`, `scaleLinear`) and axes (`axisBottom`, `axisLeft`) within a React component, with data loaded from a local `data.csv` file. Bars are colored with a gradient from a Seaborn-inspired palette, and the chart includes rotated x-axis labels and a bold title.

XXiaojun

83% match

Loading thumbnail…

Fork of IMDb Movie ratings example

This stacked bar chart visualizes the distribution of movie ratings across six genres, with each bar segment representing the percentage of films falling into one of five rating bands. Hovering over a segment reveals the exact percentage via a tooltip. The chart uses D3 v7’s `d3.stack`, `d3.scaleOrdinal`, `d3.scaleLinear`, and `d3.scaleBand` to build the SVG visualization from CSV data, with custom tooltip handling and axis labels.

Pprudhvi

83% match