Most played songs on spotify

Spotify Tracks Dataset

This interactive visualization explores a Spotify tracks dataset, letting users examine tracks by artist, album, and genre through a series of linked bar charts. Each chart displays tracks sorted by popularity, with dropdown menus to filter the data. Clicking a bar reveals detailed track information, including danceability, energy, and tempo. Built with Vue and D3 v5, the SVG-based charts use `scaleBand` and `scaleLinear` for axes and `select` for DOM manipulation, with a custom tooltip providing hover feedback. The dataset includes track metadata such as artist, album, and audio features.

Cchristina030

Most streamed songs of all time

This visualization displays the most streamed songs of all time, plotting each track’s name against its duration in minutes using a simple scatterplot or bar layout. It loads data from a local CSV file with D3.js v7, using the `csv` and `select` APIs to parse the dataset and render the visual elements directly into the HTML page. The chart highlights how song lengths vary across popular hits.

GGogineni44

Most streamed songs of all time

This visualization displays the most-streamed songs of all time, plotting each track’s name against its duration in minutes. The data is loaded from a CSV file and logged to the console. Built with React and D3 v7, the code uses the `csv` function from D3 to parse the tabular data, though no visual rendering is currently implemented.

GGogineni44

Most streamed songs of all time

This visualization shows the most streamed songs of all time, plotting each song's name against its duration in minutes using a scatterplot. The horizontal axis represents duration, while the vertical axis displays the song titles, with points positioned to reveal the distribution of track lengths across popular hits. The chart is built with D3.js v7, using standard SVG rendering and scales to map the data from the CSV file to screen coordinates. The d3.csv function loads the dataset, and the scaleLinear and scaleBand APIs position the elements.

GGogineni44

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

spotify

This visualization demonstrates the setup for a Spotify track dataset from a CSV file, using D3 version 6 to initialize an SVG container with defined margins and dimensions. The code loads the data asynchronously via `d3.csv` but does not render any marks or charts, instead replacing the page body with the text “DEBUG”. It combines an external D3 v6 script tag with an additional D3 v7 import, though the placeholder `#my_dataviz` selection and empty data callback leave the intended chart unfinished.

Wwilliamkuo2000

music2

This interactive bar chart explores a dataset of music tracks, showing the average popularity of songs grouped by a selected attribute. Users can switch the grouping variable via dropdown menus, and a scrollable overview bar allows panning through many categories. Built with D3.js and Vue, the visualization uses `scaleBand` and `scaleLinear` for positioning and `axisBottom`/`axisLeft` for axes, with drag handling to update the visible range. Data is loaded from a CSV file.

Aa15923647

Fork of music2

This visualization presents a bar chart of average track popularity aggregated by a selected categorical column from a Spotify dataset. Users can interact with a range slider to filter data and click on a bar to transition to a scatter plot. The rendering uses D3.js to create SVG bar and scatter plots with transitions and tooltips, alongside jQuery UI for the slider. The bar chart’s color scale interpolates blues to indicate popularity values.

Aa15923647