Skip to main content
SimilarExport ZIP
100%

Netflix catalog

✓ Published0🌍 Public
RRoberto M
Last edited Nov 24, 2021
Created on Nov 24, 2021

This visualization displays Netflix catalog data as a scatter plot, with each circle representing a title and positioned by country code and cumulative weeks spent in the top 10, while color encodes the show title. It uses the vega-lite-api to construct the chart, with d3.csv fetching data from a GitHub-hosted CSV file. The rendering relies on Vega and Vega-Lite, with custom configuration for axis styling and tooltips handled through vega-tooltip. Data originates from a Netflix catalog dataset sourced via the UCI Machine Learning Repository.

AI-generated description

A visualization constructed using the vega-lite-api.

The data shown here comes from the UCI Machine Learning Repository: Auto MPG Data Set, via Gist: Scatter Plot with Menus.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Pie Chart

This visualization shows the top 10 countries by total Netflix movies and shows, displayed as a pie chart with a color-coded legend listing each country and its corresponding library size. The data is loaded from a CSV file via d3.csv, sorted descending, and sliced to the top 10 entries. The pie layout is computed with `d3.pie`, arcs are drawn using `d3.arc`, and categorical colors come from `d3.scaleOrdinal` with `schemeCategory10`. SVG elements are appended and styled with external CSS, and the legend includes both country names and numeric values.

Yyaswanthsen
76% match
Loading thumbnail…

Netflix Runtime Scatter

This scatter plot displays the relationship between movie release year and runtime for Netflix titles, filtering the dataset to include only movies and parsing their duration strings to extract minute values. Built with a hybrid of ECharts for chart rendering and d3.csv for data ingestion from the local netflix_titles.csv file, the visualization uses a dark theme with semi-transparent points to reveal density patterns. Tooltips formatted through ECharts' formatter function show both year and duration when hovering over individual data points.

DDaniel Z
76% match
Loading thumbnail…

Netflix Top Genres

This visualization shows the top 10 most frequent genres among Netflix titles, derived by counting genre assignments across all entries in the `netflix_titles.csv` file. A horizontal bar chart ordered by descending count, with a red bar color, displays each genre and its occurrence total. The code uses D3’s `d3.csv` to load the data, processes genre strings by splitting and trimming, and then renders the chart with the ECharts library, specifying a category axis for genres and a value axis for counts.

DDaniel Z
76% match
Loading thumbnail…

Fork of Pie Chart

This pie chart shows the total number of movies and shows in Netflix’s library for the top 10 countries, with a legend displaying each country’s name and its corresponding count. The visualization uses d3.pie and d3.arc to generate the slices, d3.scaleOrdinal with schemeCategory10 for coloring, and SVG for rendering. Data is loaded via d3.csv from a GitHub gist, sorted descending, and truncated to ten entries before being drawn.

MMgk1255
75% match
Loading thumbnail…

Netflix Movies & TV Shows

This visualization displays the raw contents of the Netflix Movies & TV Shows dataset as a JSON-formatted text dump. It initially shows a loading message before fetching the CSV file and parsing it with D3’s `csvParse` method, then renders the resulting array of records as pretty-printed JSON using D3’s `select` and `join` APIs. The code does not yet produce a graphical chart, only a textual representation of the data’s attributes like title, type, and release year.

Ccsabavath@wpi.edu
75% match
Loading thumbnail…

CSCE5320_project

This dashboard visualizes Netflix content distribution using a series of Chart.js charts. It displays the total number of shows, movies, and series, alongside a pie chart for content type breakdown, a bar chart for titles released per year, and additional pie charts for rating and duration distributions. The visualization loads data from the `netflix_titles.csv` file using the Fetch API, parses it with simple JavaScript string operations, and renders each chart on its own canvas element.

TThai Ha Dang
75% match
Loading thumbnail…

Task 9

This visualization displays the top 20 Netflix TV shows and movies as a pie chart, with each slice labeled by its count and accompanied by a color-coded legend. It loads data from a GitHub-hosted CSV file using d3.csv, then sorts and filters it to show only the top entries. The chart uses d3.pie to generate arc data and d3.arc to draw SVG paths, with d3.scaleOrdinal assigning colors to slices. Text labels are positioned using arc.centroid, while the legend is built with SVG rect elements and text in a d3.selectAll pattern.

Kkeerthi.yanala104@gmail.com
75% match
Loading thumbnail…

Netflix Titles Tree

A tree diagram visualizes a hierarchical catalog of Netflix titles, categorizing content by genre and format, such as Dramas, Comedies, and Action & Adventure, each split into Movies and TV Shows with specific examples. The visualization uses D3 v5’s `d3.tree` layout and `d3.hierarchy` to compute node positions and parent-child links. The SVG rendering draws curved paths (`M`/`C` commands) for links and styled circles with accompanying text labels. Data is hardcoded in `index.js`, with styling for internal and leaf nodes defined in `style.css`.

Rrobertotienonyaranga@gmail.com
75% match