100%

Heatmap of Certification Trends over Time

✓ Published0🌍 Public

Last edited Nov 22, 2024

Created on Nov 21, 2024

This heatmap displays the distribution of movie certificates across decades, using data from the IMDB Top 1000 dataset. It shows how many films of each certificate type (e.g., A, U, UA) were released per decade, with color intensity representing movie counts. The visualization uses d3.scaleBand for axes, d3.scaleLinear for the color scale, and d3.axisBottom/axisLeft for ticks. Interactive features include a hover tooltip and click-to-highlight functionality that emphasizes cells sharing the selected decade or certificate.

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Bar Chart of Number of Movies Released per Year

This bar chart displays the number of movies released per decade from the IMDB Top 1000 dataset, with hover tooltips revealing the decade's exact count and top-rated film. The visualization uses d3's `scaleBand`, `scaleLinear`, `axisBottom`, and `axisLeft` to render the axes and bars, with a custom tooltip div for interaction. Data is aggregated in `index.js` by filtering on `Released_Year` and grouping into decades, while the `viz.js` component handles all SVG drawing and styling.

RRuba Khan

67% match

Loading thumbnail…

Task9

This pie chart visualizes the distribution of IMDB Top 250 movies released between 1990 and 2000, showing the count of movies for each year. The chart uses a categorical color scheme from `d3.schemeCategory10` to differentiate year slices, with each slice labeled by its corresponding year. A legend on the right lists each year with its movie count. The visualization is built with D3 v7, using `d3.pie()` for layout and `d3.arc()` for rendering the path geometry as SVG.

Kkeerthi.yanala104@gmail.com

64% match

Loading thumbnail…

IMDb Movie ratings

A stacked horizontal bar chart visualizes the distribution of IMDb ratings across six film genres, with each bar segmented by five rating intervals from "below 5.0" to "above 8.5." The chart shows the proportion of films in each rating category per genre, using a categorical color scale. The visualization uses d3.stack() to compute stacked series, d3.scaleBand() and d3.scaleLinear() for positioning, and d3.axisBottom() for the percentage axis. Interactive tooltips display precise percentages on mouseover, while a legend indicates the rating categories. The data is loaded from a CSV file using d3.csv() and rendered as SVG.

Hharsha

64% match

Loading thumbnail…

IMDb Movie ratings

This stacked bar chart visualizes the distribution of IMDb ratings across six movie genres, with each bar segment representing the proportion of films falling into five rating brackets. The visualization uses D3 v7 to load CSV data, stack the rating categories with `d3.stack`, and render the result as an SVG. Color-coded segments correspond to each rating range, and interactive mouse events reveal exact percentages via a tooltip. The chart includes a legend, axis labels, and a percentage-scaled x-axis.

Hharsha

63% match

Loading thumbnail…

IMDb Movie ratings

This stacked bar chart displays the distribution of IMDb ratings across six movie genres, showing the percentage of films in each rating range from below 5.0 to above 8.5. The horizontal bars are segmented by rating category, with a color-coded legend and interactive tooltips that reveal exact percentages on hover. The visualization uses D3 v7 to load CSV data, apply the d3.stack layout for bar segmentation, and render SVG elements. Scales include d3.scaleLinear for the x-axis and d3.scaleBand for genres, with d3.scaleOrdinal mapping rating categories to custom colors. Axis labels and a title provide context, and the tooltip uses D3 event handling for mouse interactions.

Mmn0658

63% match

Loading thumbnail…

IMDb Movie ratings

This visualization displays the distribution of IMDb ratings across different film genres, using a stacked horizontal bar chart where each genre shows the percentage of movies falling into five rating categories. The chart employs D3.js v7 to load and parse CSV data, then uses d3.stack() to create stacked bars with d3.scaleBand() for the genre axis and d3.scaleLinear() for the percentage axis. Interactive tooltips appear on mouseover, revealing the exact percentage for each rating category. The SVG rendering includes a color legend generated with d3.scaleOrdinal().

HHarshiiiiiiiip

63% match

Loading thumbnail…

Week 5: IMDB Top 250 Movies Scatter Plot: Year VS Rating

This scatter plot displays the release year and IMDB rating of the top 250 movies from Kaggle, with each film shown as a colored circle representing its genre. The visualization uses the React framework to load data from a CSV file, then relies on d3.scaleLinear and d3.extent to map the year and rating axes, while d3.scaleOrdinal with a category-10 scheme colors the points by genre. Fixed-radius dots at 70% opacity reveal the distribution of critically acclaimed films across decades, with axes rendered via d3.axisBottom and d3.axisLeft.

XXiaojun

63% match

Loading thumbnail…

activity-6-t-2

This horizontal stacked bar chart visualizes the distribution of IMDB movie ratings across genres, showing the proportion of films falling into five rating brackets from 'below 5.0' to 'above 8.5'. Each genre row is segmented with a sequential color scale, and hovering over a segment reveals a tooltip with the exact percentage. The visualization uses d3.csv to load the data, d3.stack and d3.scaleOrdinal for the stacking and coloring, and d3.axisBottom for the quantitative x-axis.

SSathishvepuri143@gmail.com

63% match