Skip to main content
SimilarExport ZIP
100%

SPOTIFY DATA

✓ Published0🌍 Public
Wwdn616@haw-hamburg.de
Last edited Dec 11, 2025
Created on Dec 10, 2025
Forked from Clickable Circles

A dot-density plot visualizes global income inequality by clustering colored dots for each salary bracket, from under $5,000 to over $5 million, with the width and density of each cluster reflecting population size. The visualization uses matplotlib's `scatter` with jittered positions, a dark theme with high-contrast green dots, and a yellow dashed `axhline` marking the minimum wage threshold, accompanied by a German-language annotation. Data comes from hardcoded income category counts in a configuration file, with a Python script generating the plot via NumPy's random uniform distribution for jitter.

AI-generated description

Income Distribution Visualization

A dot-density visualization showing income distribution across different salary brackets.

Description

This project creates a scatter plot visualization where each income bracket is represented by a cluster of dots. The density and width of the dot clusters represent the relative number of people in each income category, making income inequality visually apparent.

Features

  • Dot-density plot with jittered positions for visual appeal
  • Dark theme with high-contrast colors
  • Highlighted minimum wage threshold line
  • Clean, modular code structure

Requirements

  • Python 3.6+
  • matplotlib
  • numpy

Installation

MIT Licensed

Similar vizzes

Loading thumbnail…

SPOTIFY - Scatter Plot

This scatter plot visualizes Spotify listening habits by plotting numeric columns from a CSV dataset, with axes automatically selected based on the most complete fields. The visualization loads data via `d3.csv` and uses reusable `d3.scaleLinear` scales, `d3.axisLeft` and `d3.axisBottom` for axes, and SVG circles for marks. It responsively redraws on window resize, applying custom margins and labels. The chart highlights relationships between behavioral metrics like newly discovered artists and mood scores, rendered with the D3 v6 library.

Cchandanamahesh0215@gmail.com
71% match
Loading thumbnail…

SPOTIFY - Scatter Plot

This interactive scatter plot visualizes Spotify listening habits, mapping metrics like average listening time, total songs played, and mood score. Users switch X and Y axes via dropdown selectors, while circle color encodes Mood_Score through d3.interpolateTurbo, and size encodes New_Artists_Discovered via d3.scaleSqrt. Hovering reveals a tooltip and focus ring. The D3 v7 SVG chart includes gridlines, axes, transitions on points, and a custom CSV loader that flattens single-line data.

Cchandanamahesh0215@gmail.com
69% match
Loading thumbnail…

Fork of Vanilla D3 Vibecoding Template

This visualization depicts the extreme inequality of Spotify’s artist payouts, showing that 99% of artists earn less than $5,000 annually. Using React with SVG rendering, it plots dots per income bracket, scaling their horizontal position by artist count. The dot generator applies a seeded pseudo-random algorithm for placement, while chart annotations use SVG paths to draw brackets, percentages, and a highlight arrow for the dominant low-income group.

Wwdn616@haw-hamburg.de
68% match
Loading thumbnail…

Fork of Scatter Plot

This scatter plot visualizes average wages across different countries for the year 2021, with each dot representing a nation’s wage value. The visualization uses D3.js v7 to render SVG elements, employing a linear x-scale for wage amounts and a point y-scale for country names. Data is loaded from a CSV file via `d3.csv`, then mapped to circle positions using the scales. The chart includes labeled axes for country and average wage, with hover effects changing dot color to orange.

Nnagasai.mandalapu@gmail.com
67% 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
67% match
Loading thumbnail…

Spotify

This interactive scatterplot explores correlations among numeric audio features and metadata for Spotify tracks. Users select any two variables from dropdown menus to compare, with the Spearman correlation coefficient calculated from a sampled subset and displayed below the chart. The visualization is built with D3 v5, using `scaleLinear`, `axisLeft`, `axisBottom`, and `selectAll('circle')`, rendering as SVG. Data comes from a CSV of Spotify tracks, with points styled in translucent blue to reveal density.

Kkenny-wq
65% match
Loading thumbnail…

areaChart-spotify

This area chart visualizes Spotify listening habits, showing total songs played per week. The visualization combines a filled area with a line overlay and circular data points, using steelblue for the area and line with tomato-colored points. Tooltips provide exact values on hover. Built with D3 v7, the chart employs `scaleLinear`, `axisBottom`, `axisLeft`, `area()`, and `line()` with `curveMonotoneX` smoothing. Data comes from a Gist-hosted CSV file displayed in an SVG rendered at 900×520 pixels.

Cchandanamahesh0215@gmail.com
65% match
Loading thumbnail…

Fork of Spotify Artist Peak Positions

This visualization presents a scatter plot of Spotify artist data, with dropdown menus for selecting the x-axis, y-axis, and color attribute, rendered as animated SVG circles using d3.scaleTime and d3.scaleOrdinal. The code also includes a color legend and a second view with a line chart showing health expenditure trends over time, using d3.line and d3.curveBasis. Data is loaded from CSV files via d3.csv, and transitions animate circle positions over two seconds.

KKhatera Alizada
65% match