Skip to main content
SimilarExport ZIP
100%

homework pie

✓ Published0🌍 Public
Yyujun12689
Last edited Nov 21, 2022
Created on Nov 19, 2022
Forked from hw2

This interactive scatter plot visualizes the distribution of 114,000 songs from a Spotify dataset, allowing users to explore relationships between any two numeric song attributes such as popularity, danceability, and energy. The visualization uses dropdown menus to dynamically select which attributes appear on the x- and y-axes, triggering a re-render of the SVG plot when selections change. Built with D3 v5, it uses `scaleLinear` for axes, `axisBottom` and `axisLeft` for tick marks, and data-loaded circles to represent individual tracks. A separate Google Charts table (via `loader.js`) displays aggregated case counts for categorical features like genre and explicitness.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

310553047-HW1

This interactive scatter plot visualizes a Spotify dataset, allowing users to compare any two musical attributes by selecting them from dropdown menus for the x- and y-axes. The visualization shows how the chosen variables correlate across tracks, with each data point represented as a semi-transparent blue circle. The code uses D3 v5’s `select`, `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, `axisBottom`, and `format` APIs to load data, render the SVG, and update the chart dynamically. Axis labels and gridlines are included, and the plot refreshes whenever the user changes the selected attributes.

Yyujun12689
82% match
Loading thumbnail…

Assignment2-1

A pie chart visualizes the distribution of Spotify's Top 50 songs from 2019 by genre. It fetches CSV data from a GitHub gist, uses `d3.rollup` to count songs per genre, and computes percentages for labels on each slice. The chart renders as SVG, using `d3.pie` and `d3.arc` for the sectors, a categorical color scheme, and includes a legend positioned to the right. A bold title and percentage labels are added directly on the arcs.

Sshivadeclare2@gmail.com
81% match
Loading thumbnail…

Data Visualization Homework 9: Spotify Tracks Dataset

This visualization explores a Spotify tracks dataset through multiple interactive views: a grid of per-attribute pie charts and histograms, a correlation matrix, a stacked bar chart of genre popularity, and a scatter plot relating artist and album popularity. Users switch views via dropdown menus and filter by genre. D3 v5 handles the SVG rendering, animations, and scales, while the jeezy and data2grid libraries compute the correlation matrix. The stacked bar chart uses `d3.stack` and a custom tooltip, and a legend highlights categories on mouseover.

Dderrick373519@gmail.com
81% match
Loading thumbnail…

Spotify

This interactive scatterplot visualizes a dataset of Spotify tracks, plotting pairs of audio features such as acousticness, energy, and valence on x- and y-axes. Users select features from two dropdown menus, and the visualization updates the axes and data points accordingly. Rendered as an SVG using D3.js version 5, the chart uses `d3.scaleLinear` for both axes and draws semi-transparent circles to indicate track distributions. The code reads from a local CSV file and updates the chart dynamically via a polling function that checks selector changes.

Gginnyching
79% match
Loading thumbnail…

piechart

This visualization displays the genre distribution of Spotify’s Top 50 songs as a pie chart, with percentage labels on each slice and a color-coded legend. It loads CSV data via `d3.csv`, aggregates counts with `d3.rollup`, and renders SVG paths using `d3.pie` and `d3.arc`. The chart applies a Tableau10 color scheme from `d3.scaleOrdinal` and positions text labels at arc centroids.

Sshivadeclare2@gmail.com
78% match
Loading thumbnail…

Spotify_PieChart

A donut chart visualizes Spotify listening habits by bucketing weekly skipped-song counts into Low (≤5), Medium (6–10), and High (≥11) categories, using a reusable `pieChart` module. The SVG renders slices via D3’s `pie` and `arc` generators, with leader lines, percentage labels, and a legend. Data comes from a CSV Gist, parsed and aggregated in `index.js`. The component exposes setters like `.width()`, `.data()`, and `.valueAccessor()` for customization, and uses a Tableau 10 color scale for slice fills.

Cchandanamahesh0215@gmail.com
78% match
Loading thumbnail…

music vis

This interactive scatterplot maps Spotify track attributes against one another, letting users select any two numeric columns from the dataset to compare on the x- and y-axes. The visualization updates dynamically through D3 v7's `scaleLinear`, `axisBottom`, and `axisLeft` APIs, rendering circles positioned by the chosen metrics. The code assigns CSS classes to each point based on a track genre field, although the dataset’s example rows lack a genre column, so the legend and color-coding rely on that optional data. The SVG plot includes labeled axes and a title reflecting the current variable pair.

Aa15923647
78% match
Loading thumbnail…

Spotify_Interactive Polished Scatter Plot with Menus and Colors and Color Legend

This interactive scatter plot visualizes a Spotify song dataset, mapping selected audio features like danceability, energy, and popularity against each other on the X and Y axes. A color legend and dropdown menus allow users to switch the categories and attributes being compared, while hovering over legend items fades unrelated data points. The visualization is built with React and D3 v7, using SVG for rendering, and includes filtering capabilities to narrow the data by a popularity range.

Sstephanie0215
78% match