Fork of Twitch Dataset - Dropdown

100%

Fork of Twitch Dataset - Dropdown

✓ Published0🌍 Public

Last edited Apr 13, 2023

Created on Apr 13, 2023

This scatter plot visualizes Twitch streamer data, showing total followers against total stream time with points colored by language (English, Portuguese, Spanish, Korean). A dropdown menu allows switching the x-axis between followers and views gained, while a color legend enables filtering by language. Built with D3 v7, the visualization uses `scaleLog` and `scaleLinear` for axes, `scaleOrdinal` with `schemeCategory10` for colors, and includes interactive tooltips on hover.

AI-generated description

A scatter plot of the Twitch Dataset with no axes. It shows the total followers with respect to the total stream time for English, Portuguese, Spanish and Korean streamers.

Red is English streamers
Blue is Portuguese streamers
Green is Korean streamers
Yellow is Spanish streamers

MIT Licensed

Similar vizzes

Loading thumbnail…

Twitch Dataset - Mouseover

A scatter plot of the Twitch dataset plots total followers against total streaming time, with streamers colored by language (English, Portuguese, Spanish, and Korean). Mousing over a point reveals the channel name in a tooltip, while hovering a language label in the color legend dims points from other languages. The visualization uses d3.v7 with scaleLog and scaleOrdinal for axes and colors, and event handlers on circles and legend ticks to drive the interactions. Data comes from a local CSV file parsed with d3.csvParse.

IIshaChid76

85% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Twitch dataset, showing total followers against total stream time for streamers in English, Portuguese, Spanish, and Korean, with each language represented by a distinct color. The visualization uses D3.js with the `d3.scaleLog`, `d3.scaleLinear`, and `d3.scaleOrdinal` APIs to map data, and draws circles with `d3.selectAll` and `join`. Axes are rendered using the `axes.js` module, while a custom `colorLegend.js` explains the color-coding.

IIshaChid76

85% match

Loading thumbnail…

Interactive Scatter Plot

This interactive scatter plot visualizes the relationship between total followers and total streaming time for Twitch streamers across four languages. The data is sourced from the Twitch dataset and displayed using D3 v7, with points colored by language—red for English, blue for Portuguese, green for Korean, and yellow for Spanish. The visualization uses `scaleLog` and `scaleLinear` for the axes and `scaleOrdinal` for color mapping, with axis labels added via custom `axes.js` code. The plot renders with an animation, though no axes were initially shown, and the chart is built using the `scatterPlot` function which applies the specified scales and color domains.

IIshaChid76

84% match

Loading thumbnail…

Scatter Plot with Menu

This scatter plot shows the relationship between total followers and total stream time for the top Twitch streamers, colored by language (English, Portuguese, Spanish, and Korean) via d3.scaleOrdinal and a d3 color legend. A d3 menu lets users switch between language filters, though the code only displays the English option. The visualization uses d3.scaleLog for the x-axis and d3.scaleLinear for the y-axis, with axes drawn using d3.axisLeft and d3.axisBottom. Data is loaded and parsed from a CSV file using d3.csvParse, with points rendered as semi-transparent circles.

IIshaChid76

83% match

Loading thumbnail…

assn2t5

This example shows a scatter plot of Twitch streamers, plotting total followers against total streaming time in minutes, with points colored by language. The chart uses a log scale for the x-axis and a linear scale for the y-axis, and includes a color legend for the language categories. The visualization is built with D3 v7, using `scaleLog`, `scaleLinear`, `scaleOrdinal`, and `schemeCategory10` to map data from a CSV file, with custom reusable modules for axes and color legend rendering.

Mmandadi1999

79% match

Loading thumbnail…

Scatter Plot - Interactive Color Legend

A scatter plot without axes shows the relationship between total followers and total stream time for streamers, colored by language (English, Portuguese, Spanish, Korean). Hovering a color legend item highlights the corresponding streamer points and dims others. The visualization uses D3 v7 with `scaleLog`, `scaleLinear`, `scaleOrdinal`, and `schemeCategory10` to render circles and an interactive legend, loading data from a CSV file.

IIshaChid76

79% match

Loading thumbnail…

Fork of X-Axis Dropdown Spotify Peak Position Scatter Plot

This interactive scatter plot explores Spotify streaming data by comparing the number of songs an artist has in the top 10,000 against their peak chart position. A dropdown menu filters the dataset to only include songs ranked within a selected threshold, with color encoding the count of songs at each artist’s maximum position. The visualization uses d3.v7 with log-scaled axes, `flatGroup` for aggregation, and modular components for axes, legends, and the scatter plot. Data is fetched from a remote CSV and rendered as SVG circles.

Fflanagancarlie@gmail.com

73% match

Loading thumbnail…

A5 - Bubble plot

This bubble plot visualizes the top 30 Twitch streamers by total followers, plotting followers gained in one year against total followers on linear axes. Each bubble’s radius encodes peak viewership, while color distinguishes mature channels (red) from non-mature ones (steelblue). Built with d3.scaleLinear, d3.axisBottom, and d3.axisLeft, it includes interactive tooltips on mouseover. The chart uses data from a CSV fetched via d3.csv, with SVG rendering and transitions for tooltip opacity.

RRavneet Singh Bhatia

72% match