Skip to main content
SimilarExport ZIP
100%

Pixar Films Rating Version 2 (Matthias)

✓ Published0🌍 Public
MMatthias Stahl
Last edited Dec 5, 2025
Created on Dec 5, 2025

A radial bar chart shows Pixar films arranged as flower-like glyphs around a central point, with each film's aggregate score determining bar length. User-adjustable sliders weight runtime, rating, year relevance, and sequel status in the score calculation, while buttons sort films by score, name, or year. Colors encode MPAA ratings, and clicking a film reveals a details panel. The React implementation uses D3 v7's `scaleLinear` for positioning and renders everything as SVG.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Pixar Films Rating Version 2

This interactive visualization presents Pixar films as a garden of SVG flowers, where each flower’s petal lengths and colors encode four weighted metrics: runtime, rating score, year relevance, and sequel factor. Users adjust slider weights to recalculate each film’s aggregate score, trigger re-sorting, and click to inspect individual film details. Built with React and D3 v7, the visualization uses `<path>` elements to construct petal shapes and dynamic rotation transforms driven by film indices. The dataset loads from a local CSV file parsed with D3’s `csv` function.

Uudjeffrey.jay@gmail.com
89% match
Loading thumbnail…

Pixar Films Rating Version 3

A grid of petal-shaped charts compares ten films across eight weighted dimensions, with each flower's petal length encoding a normalized metric and its width reflecting the user-assigned weight. Petal color intensity scales with film rating, and a center label shows the overall score. Built with React and D3 v7, the visualization uses `scaleLinear`, `extent`, and `interpolateRgb` utilities within `flowerUtils.js`, while `renderFlowers.js` constructs each SVG petal path. Interactive sliders on the right adjust dimension weights, and clicking a flower displays a details tooltip.

Uudjeffrey.jay@gmail.com
85% match
Loading thumbnail…

#HAW Test Benny Pixar 2

This interactive parallel coordinates chart compares 23 Pixar films across four critic rating scales: Rotten Tomatoes, Metacritic, Cinema Score, and Critics' Choice. Built with React and D3 v7, the visualization renders SVG paths using line generators with cardinal curve interpolation. Users select films through a clickable legend, which highlights corresponding lines in distinct colors while dimming others. The code maps Cinema Score letter grades to numeric values for proper scaling, and includes hover-sensitive transparent paths that allow users to identify specific films across all axes.

Wwua439@haw-hamburg.de
83% match
Loading thumbnail…

Fork of Pixar Films Rating Version 2

A fork of the Pixar Films Rating visualization, this example renders each film as a flower whose petal lengths encode normalized scores for runtime, rating, year relevance, and sequel factor. Users adjust slider weights for each dimension, which recompute an aggregate score and re-sort the flowers. React state and D3's `csv` loader process data from `data.csv`, while SVG paths and `ResizeObserver` handle responsive rendering.

MMatthias Stahl
81% match
Loading thumbnail…

Pixar Films

A dark, poster-style visualization presents song fingerprint data for "Ethereal Echoes," combining a central frequency amplitude ring with surrounding time-series rings for streams, chart position, playlist adds, and video views. Built with React and D3 v7, it uses SVG elements, `lineRadial`, and `scaleLinear` to render heatmap-like concentric layers, while hover and click interactions trigger a custom tooltip showing detailed values.

Uudjeffrey.jay@gmail.com
78% match
Loading thumbnail…

Movie Stats Scatter Plot

This interactive scatter plot maps movie runtime against rating, with each point representing a film. Genre filter checkboxes let users toggle visibility of specific categories, dynamically updating the visualization. Built with React and D3 v7, the visualization uses D3 scales and axes to position points, while a bitstring tracks the active genre filters. The plot renders from an embedded CSV dataset containing movie metadata such as year, revenue, and metascore, with the React component orchestrating state changes as users interact with the checkboxes.

KKyle?
70% match
Loading thumbnail…

MZ Simple Scatter Plot

This scatter plot displays movie ratings over time, with each circle representing a film positioned by its release date on the x-axis and average user rating on the y-axis. It reveals trends, outliers, and clusters across decades of cinema. Built with React and D3, the visualization uses `scaleTime` and `scaleLinear` for axes, with data from a 9k_Movies.csv dataset. Rendering uses WebGL via D3’s SVG and circle elements, applying `extent` for domain calculation. The plot includes labeled axes and a grey inner rectangle to focus on the data points.

Mmzujewski@wpi.edu
70% 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
70% match