Sentiment Analysis: Thumbs Up by Review Date

100%

Sentiment Analysis: Thumbs Up by Review Date

✓ Published0🌍 Public

Last edited Mar 10, 2026

Created on Mar 10, 2026

Forked from Week 12: IMDB Top 250 Movies Bar Chart: Genre VS Count

This visualization shows the distribution of genres among IMDb's Top 250 movies, with a horizontal bar chart displaying counts for each genre category. The bars are color-coded using a seaborn-inspired palette, and hovering over a bar dims the others while displaying the exact count and percentage in a tooltip. Built with React and D3 v7, the chart uses `scaleBand` for the x-axis, `scaleLinear` for the y-axis, and `axisBottom`/`axisLeft` for tick rendering. Review data from a CSV file is processed in App.js to count genre appearances before being passed to the visualization component.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Sentiment Analysis: Thumbs Up by Review Date

This bar chart displays sentiment analysis results, showing the number of thumbs-up votes for each review date. The visualization uses React and D3 v5 to render an SVG with a band scale for the x-axis and a linear scale for the y-axis. The code loads CSV data via `d3.csv`, then creates rectangular marks using `Marks.js`, with axes built through custom `AxisBottom` and `AxisLeft` components. Each bar includes a native SVG `<title>` tooltip showing the exact thumb count.

Mmeangreen0067@gmail.com

83% match

Loading thumbnail…

My view on IMDB Top 250 Movies Bar Chart: Genre VS Count

This interactive bar chart visualizes the distribution of genres within IMDb’s Top 250 movies, allowing users to filter the displayed categories via a text input. Built with React and D3.js, the visualization uses `scaleBand` and `scaleLinear` to map genres and counts, while `transition` calls animate bar height changes. Hovering over a bar reveals a tooltip with the genre’s count and percentage. The chart reads from a local CSV file and updates responsively, with axes rendered via `axisBottom` and `axisLeft`.

BBismark Kofi Owusu Sarfo

79% match

Loading thumbnail…

Untitled

This visualization shows the percentage distribution of movie ratings across six genres, from below 5 to 8.5 and above, revealing how genre impacts audience scores. It uses d3.csv to load the data and d3.scaleBand for the categorical x-axis, with d3.scaleLinear mapping the y-axis to the cumulative proportions. Each genre’s total is represented as a single steelblue bar, while hovering turns the bar brown. The chart is rendered as an SVG with d3.axisBottom and d3.axisLeft for the axes, and styled via external CSS.

Yyuqing35

78% match

Loading thumbnail…

Week 6: IMDB Top 250 Movies Bar Chart: Genre VS Count

A bar chart visualizes the distribution of genres among the IMDb Top 250 movies, with each bar's height representing the count of movies in that genre and a tooltip showing the exact count and percentage. The visualization uses the D3.js library, including `scaleBand` and `scaleLinear` for axes and `axisBottom` and `axisLeft` for tick marks. Data is loaded from a CSV file, and genres are split and counted from a comma-separated field. The chart uses a Seaborn-derived color palette with interactive hover effects that highlight the selected bar and dim others.

XXiaojun

78% match

Loading thumbnail…

Activity6_Task2

This is a stacked horizontal bar chart showing the percentage distribution of IMDb movie ratings across six genres, with ratings grouped into five categories from "below 5.0" to "above 8.5." The visualization uses d3.svg to render four-chart series with d3.stack for the stacked bars, d3.scaleOrdinal for color mapping, and d3.scaleBand for categorical positioning. Interactive tooltips appear on hover using D3 event handlers, displaying the exact percentage for each genre-rating combination. Data comes from a local CSV file containing proportional values per genre.

JJhansi Balla

77% match

Loading thumbnail…

Activity-6-task-2

This visualization displays the percentage distribution of IMDb movie ratings across five genres, using a horizontal stacked bar chart. Each bar represents a genre, with color-coded segments for rating ranges from "below 5.0" to "above 8.5". The code uses D3.js v7 APIs such as `d3.stack`, `d3.scaleOrdinal`, `d3.scaleBand`, and `d3.axisLeft` to process the CSV data and render the SVG. Interactive tooltips, implemented with `mouseover` events, show exact percentages on hover.

Nnaveen.dodda4321@gmail.com

77% match

Loading thumbnail…

IMDb Movie ratings

This visualization presents a horizontal stacked bar chart showing the distribution of IMDb ratings across six movie genres, where each bar segment represents the proportion of movies within a rating bracket (below 5.0, 5.0–6.5, 6.5–7.5, 7.5–8.5, above 8.5). The chart uses `d3.stack()` to build the stacked structure and `d3.scaleOrdinal` for color encoding. Data comes from `data.csv` via `d3.csv()`. A hover tooltip, implemented with D3 DOM selection and event handlers, displays the exact percentage for each rating category within a genre. The SVG output is rendered using D3 v7 and React.

Ssaikrishnabussa

77% 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

77% match