Scatter Plot with Menu

100%

Scatter Plot with Menu

✓ Published0🌍 Public

Last edited Mar 24, 2023

Created on Mar 23, 2023

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.

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…

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

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

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

85% match

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

84% match

Loading thumbnail…

Fork of Twitch Dataset - Dropdown

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.

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

81% match

Loading thumbnail…

Scatter Plot With Menus

This interactive scatter plot visualizes top football league scorers, with menus to select different metrics for the x-axis, y-axis, and year. The chart displays each player as a circle, colored by league, and uses a color legend to filter points by league. The visualization is built with D3.js, using `scaleLinear` for axes, `scaleOrdinal` for colors, and responsive axes. Users can hover over points to highlight them and see player names via tooltips, while the legend allows clicking to isolate a specific league.

Eeschuman20@gmail.com

73% match

Loading thumbnail…

Top 100 Songs w/ Menus + Color Legends + Filther

This interactive scatterplot explores relationships between musical attributes of the top 100 Spotify tracks of 2018, plotting selected variables on the x- and y-axes via dropdown menus. A third dropdown filters points by color based on categorical attributes like key or mode, with a color legend that highlights matching points on hover. Built with React and D3 v5, it uses `scaleLinear`, `scaleOrdinal`, and SVG circles to render the data loaded from a CSV via `d3.csv`.

Ssamemurk21

71% match