Skip to main content
SimilarExport ZIP
100%

Table

✓ Published0🌍 Public
RRostyslav
Last edited Jan 3, 2020
Created on Jan 3, 2020
Forked from Table

This visualization is an interactive dashboard that displays a single chart at a time, selected from a drop-down menu of eleven different chart types, including bar charts, pie charts, area charts, scatterplots, and a spectrogram. The dashboard generates charts using D3 v5, rendering with SVG and canvas, and supports an animated spectrogram that analyzes audio data. It uses D3 scales and axes, including `d3.scaleLinear`, `d3.scaleBand`, and `d3.axisBottom`, to map data from sample CSV files.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Table

This interactive visualization gallery presents a collection of chart types, including bar charts, pie charts, line charts, and scatter plots, all built using D3.js v5. Each chart is rendered as an SVG element and can be selected from a dropdown menu, with the underlying data displayed in a preview table. The example uses various D3 APIs such as `d3.scaleBand`, `d3.axisBottom`, and `d3.pie` to create the visualizations, with some charts featuring animation and tooltip interactions. Data is loaded from a CSV file and processed by the dashboard module.

JJoker-tr
88% match
Loading thumbnail…

test

This example presents a multi-panel dashboard for exploring artist data, including a circular barplot that visualizes the distribution of music genres for a selected artist, with interactive tooltips and hover effects. Additional plots display language information derived from field arrays. The visualization uses D3 version 6, employing scales such as `scaleBand` and `scaleRadial` along with the `d3.arc` function to generate the circular bars. Data is fetched asynchronously from a REST API, and elements are rendered using SVG with mouse event handlers for interactivity.

JJuliette
77% match
Loading thumbnail…

data vis hw3

This interactive dashboard explores a Spotify dataset, displaying a genre treemap alongside a bar chart of track counts for the top 10 artists within a selected genre. The interface includes 64 small scatter plots comparing musical attributes for the chosen genre, with a highlighted overlay for a selected artist. Built with React and D3 v7, the visualization uses SVG rendering, d3.treemap for the genre hierarchy, d3.scaleBand for the bar chart, and d3.scaleLinear for the scatter plots. Users can click the treemap to change genres and bar chart bars to filter artists.

Yyeeet0421
77% match
Loading thumbnail…

Untitled

This interactive parallel coordinates chart visualizes audio features of songs by selected artists, including energy, liveness, valence, speechiness, and danceability. Users click buttons to load CSV data for different artists, which triggers a D3 v6 animation that redraws the plot lines. The SVG rendering uses d3.scaleLinear for axes, d3.scalePoint for positioning, and d3.scaleOrdinal to color lines by playlist genre, with a legend displayed on the right. The data is sourced from GitHub-hosted CSV files.

Vvedant74
76% match
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.

Ssiddhant0704
75% match
Loading thumbnail…

Charts, Charts, Charts

This visualization displays four distinct chart types side by side: a doughnut chart, bar chart, radar chart, and pie chart. Each chart presents a different dataset, such as airline passenger numbers, player skill ratings, and EU population figures. The code uses Chart.js 2.8.0 for rendering all charts onto canvas elements, while D3.js v7 handles loading CSV data from a GitHub gist. The bar chart and pie chart use hardcoded arrays, but the doughnut chart demonstrates fetching and parsing external CSV data.

Ddevvansh1997
75% match
Loading thumbnail…

D3 Chart

This example displays six D3.js charts—horizontal and vertical bar charts, a line chart, an area chart, a pie chart, and a donut chart—all rendered as SVG elements. Each visualization uses the d3.csv function to load population data by country from a local CSV file. The code applies d3.scaleLinear and d3.scaleBand for axes, d3.line and d3.area with curveBasis for path generation, and d3.scaleOrdinal with schemeSet2 for categorical colors, while d3.axisLeft and d3.axisBottom create the tick marks.

Sshadreza
75% match
Loading thumbnail…

index(11823810).html

This interactive D3 visualization demonstrates how to load and explore CSV data, displaying it as a bar chart and computing summary statistics. Users can filter the dataset by category and previous value through dropdown menus, with hover tooltips showing detailed records. The page also includes a small SVG icon showcase and prominent metric cards alongside the main visualization. The implementation uses d3.csv for data loading, d3.scaleBand and d3.scaleLinear for scales, and d3.transition for animated bar updates.

Vvineelaviswanadham07@gmail.com
75% match