siddhant0704

@siddhant0704·3 public vizzes

Fork of Scatter Plot with Small Points

This example displays a scatter plot of automobile data, comparing engine displacement against horsepower. Each point is rendered as a small, solid circle, with no stroke, and the axes are scaled to exclude zero for a tighter view. The visualization is built using the Vega-Lite API, with D3.js handling the CSV data loading from a remote source. The chart’s appearance is customized via the `config` object, and hover tooltips are enabled through the `vega-tooltip` handler, showing the vehicle name.

Dec 14, 2021

Loading thumbnail…

Untitled

This interactive line chart compares the audio features of music playlists from six different artists or groups, including data, chainsmokers, david, garrix, omar, and queen. Users select an artist via buttons, which loads the corresponding CSV data and redraws the chart. The visualization displays five musical dimensions—energy, liveness, valence, speechiness, and danceability—for each song across the selected playlist. Built with D3 v6, the SVG graphic uses a color-coded legend for genre categories and updates dynamically by removing and re-plotting the data series.

Dec 14, 2021

Loading thumbnail…

Untitled

This interactive line chart displays the evolution of audio features—energy, liveness, valence, speechiness, and danceability—across playlist genres for different artists. Users select an artist via buttons, which triggers a D3.js animation that removes existing data groups and redraws the chart from a corresponding CSV file. The visualization uses d3.csv to load data, d3.scaleLinear for axes, and d3.scaleOrdinal with a custom color palette to distinguish genres. SVG elements and a legend are rendered on a fixed canvas, with transitions applied when updating the lines.

Dec 14, 2021