Skip to main content
SimilarExport ZIP
100%

ICE 5 OTT PLATFORMS VISUALIZATION

✓ Published0🌍 Public
Uuguggila@gitam.in
Last edited Oct 5, 2025
Created on Oct 5, 2025

This visualization displays average daily viewing minutes for ten OTT platforms using a bar chart rendered as SVG with D3 v7. The chart sorts platforms by viewing time and includes summary statistics calculated with d3.sum, d3.mean, d3.max, and d3.min. Data loads from a CSV file hosted on GitHub Gist, which d3.csv parses using d3.autoType. The bar chart uses d3.scaleBand for the x-axis and d3.scaleLinear for the y-axis, with axes generated by d3.axisBottom and d3.axisLeft. Interactive elements include a link to the raw CSV dataset.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE 5 OTT PLATFORMS

This chart visualizes the top 10 OTT platforms by average daily viewing minutes, using a horizontal bar chart sorted in descending order. The code loads CSV data via `d3.csv` with `d3.autoType`, then applies `d3.scaleBand` and `d3.scaleLinear` to position bars and axes within an SVG container. The chart is rendered with D3 v7, featuring styled dark-mode CSS variables and rotated x-axis labels for readability.

Uuguggila@gitam.in
95% match
Loading thumbnail…

Fork of ICE-6 Bar charts: Done with the help of D3 and Recat

This horizontal bar chart visualizes the number of users of OTT platforms, sourced from a CSV file. The chart uses D3's `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis, rendered as SVG rectangles. React manages the data state and updates the visualization. The chart displays the first 12 rows of data, with axis ticks and labels generated via D3's axis functions.

TTulluripallavi
79% match
Loading thumbnail…

Fork of Fork of ICE-6 Bar charts: Done with the help of D3 and Recat

A bar chart displaying the number of users for various OTT platforms, ranked by population count. The chart uses React to manage component state and D3.js (v5) for data loading and scale generation. Data is fetched from a CSV file using `d3.csv`, with horizontal bars rendered as SVG rectangles scaled by `d3.scaleLinear`. The visualization includes gridlines and labels generated through D3's tick methods.

TTulluripallavi
78% match
Loading thumbnail…

ICE-6: Rendering Marks and Channels with React & D3

This example visualizes the users of OTT platforms as a horizontal bar chart, with each bar’s length encoding the population value. The code uses React’s `useState` and `useEffect` hooks to load CSV data via `d3.csv`, then renders SVG marks using JSX. D3 scales (`scaleBand`, `scaleLinear`) position the bars, while `xScale.ticks()` generates grid lines and tick labels. The data is sourced from a GitHub gist and limited to the first twelve rows.

CCherukuriMilind
78% match
Loading thumbnail…

Untitled

This animated bar chart compares the number of movies available on various OTT platforms, using data from a CSV file. Rendered with D3 v4 as SVG, the chart features a transition animation where bars grow sequentially on load. Interactive mouseover events highlight a bar and append a text label showing its exact value, while mouseout removes the label and resets the bar’s appearance. Axes are scaled with `d3.scaleBand` and `d3.scaleLinear`, and the chart includes a title and axis labels.

SSaahithi49
77% match
Loading thumbnail…

Activity6-Question2-upd

This stacked horizontal bar chart visualizes the distribution of ratings across five streaming platforms, showing the percentage of content falling into each rating bracket from below 5.0 to above 8.5. The chart uses d3.stack() to compute the stacked segments, with d3.scaleBand for the categorical y-axis and d3.scaleLinear for the percentage x-axis. Tooltips provide exact percentage values on mouseover, and a color-coded legend identifies each rating category. The data originates from a CSV file listing OTT platforms and their rating proportions.

Mmeenam1106@gmail.com
75% match
Loading thumbnail…

ICE-6: Rendering Marks and Channels with React & D3

This visualization displays the size of OTT libraries across 20 countries using a horizontal bar chart. The code leverages React’s `useState` and `useEffect` hooks to fetch CSV data via `d3.csv`, then renders SVG marks with `d3.scaleBand` for the y-axis and `d3.scaleLinear` for the x-axis. Blue tick lines and text labels are manually generated from `xScale.ticks()`, while bars are drawn as `rect` elements. The chart sources its data from a gist CSV file containing GDP and library-size metrics.

Ttarungunda
75% match
Loading thumbnail…

Monthly Users of Streaming Platforms

This visualization shows the monthly user counts for five streaming platforms across five months, using a stacked horizontal bar chart where each bar segment is colored by platform. The chart uses D3 v7 with an SVG rendering approach, applying `d3.stack()` to create the stacked data, `d3.scaleBand()` for the categorical month axis, and `d3.scaleOrdinal()` with a category10 color scheme for platform colors. Data is loaded from a CSV file via `d3.csv()`, with axes and labels drawn using `d3.axisBottom` and `d3.axisLeft`.

Vvineelaramulapalli32
75% match