Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Spotify Song Data

Public visualization

Viewing a saved revision (read-only)

563cca1c37434e79a2e8e99dce5af1f9

Spotify Song Data

0 stars0🌍 Public
Mmacgregorm01@gmail.com
Last edited Sep 10, 2024
Created on Sep 4, 2024

This example showcases a single sample record from a large random Spotify dataset, displaying its raw attributes in a formatted JSON structure. The main component takes a container element and injects a preformatted text block containing the first data point, with all quantitative fields converted from strings to numbers. The code relies on a custom CSV import module to load the data and exports the dataset for use across the application. It is built with Vue and rendered on a web page using the WebGL framework.

AI-generated description

The Penguins Dataset, loaded and parsed as CSV.

Fork and modify this template to import your data to VizHub and export it for use in other vizzes! To do that:

  • Fork this viz
  • Clear out the README
  • Update the README with details about your dataset (including original source)
  • Replace data.csv with your own data
  • Replace the parsing logic in index.js with your own
  • Set the custom URL so you can import from it easily

Challenge

  • Find 3 datasets on a topic you are interested in
  • For each of those, fork this viz and replace the data
  • Parse the quantitative attributes into numbers
  • Update README.md to indicate the original data source