Skip to main content
SimilarExport ZIP
100%

Fork 3

✓ Published0🌍 Public
SSai Vamshi B
Last edited Mar 9, 2026
Created on Mar 9, 2026

This combined chart displays three movie trends—revenue, rating, and viewers—across 156 weeks. Yellow bars represent revenue on the left axis, while red and blue lines show rating and viewers on the right axis. The visualization uses D3 v7 to load CSV data, create linear scales for each metric, and generate SVG elements. It includes three distinct axes, axis labels, and a legend, all built with d3.axisBottom, d3.axisLeft, and d3.axisRight.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork 2

This scatter plot shows the relationship between movie ratings and revenue, with points positioned by rating on the x-axis and revenue in millions on the y-axis. The visualization uses d3.csv to load the movie_scatter.csv dataset and d3.scaleLinear for both axes, rendering the points as SVG circles with a coral fill and partial opacity. Axis generation relies on d3.axisBottom and d3.axisLeft, while the chart includes a title and axis labels appended directly to the SVG element. The code explicitly clears the previous chart content before drawing, supporting redrawing the same chart in place.

SSai Vamshi B
83% match
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
79% match
Loading thumbnail…

Fork of Fork of Fork of Bar Chart + Axis customisation

The visualization displays a horizontal bar chart comparing movie budgets, sorted by film title, with custom axes and a gradient fill ranging from green to orange. It uses d3.csv to load budget data, d3.scaleBand for the categorical y-axis, d3.scaleLinear for the numeric x-axis, and d3.axisLeft and d3.axisBottom with custom tick formatting to abbreviate values (e.g., "45M"). A rotated y-axis label and a blue title are added via SVG text elements. The code customizes axis appearance by removing domain and tick lines, and applies gradients through SVG defs.

Ggaddamthanmayeereddy759@gmail.com
79% 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
78% 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
78% 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
77% match
Loading thumbnail…

Fork of t2

This stacked bar chart shows the percentage distribution of IMDb movie ratings across six genres, revealing how rating patterns vary by genre. Each bar is segmented by five rating categories, with hover interactions displaying precise percentages via a tooltip. The visualization uses D3.js v7 with SVG rendering, employing `d3.stack()` for data stacking, `d3.scaleOrdinal()` for color mapping, and `d3.scaleBand()` for genre positioning. Data originates from a CSV file containing rating proportions per genre.

Aamshureddy13@gmail.com
77% match
Loading thumbnail…

Fork of Theme River

This fork of Theme River visualizes movie ratings data across years, using a streamgraph to show revenue contributions from G, PG, PG-13, and R categories. The visualization employs d3.stack with a silhouette offset to create layered areas, rendered as SVG paths with d3.area and curveCardinal interpolation. Interactive tooltips display stream details on mouse movement, while a separate dashboard panel provides a compressed view of the data. The code uses d3.scaleOrdinal with schemeCategory10 for color encoding and d3.scaleLinear for both x and y axes.

RRYAN
77% match