dashboard dana anissa juliette filiz

100%

dashboard dana anissa juliette filiz

✓ Published0🌍 Public

Last edited Dec 3, 2022

Created on Dec 1, 2022

Forked from dashboard dana anissa juliette

This dashboard presents a multi-view analysis of European music artists, combining a network visualization, a map, and supplementary charts. The central network uses `d3.forceSimulation` to map connections between an artist and their associated musical artists, with node interactions triggering updates. A geographic map rendered via `d3.geoPath` and `geoMercator` colors European countries by dominant genre, while tooltips and bar/circular charts display artist-specific data such as fan counts and languages, sourced from the Wasabi API and local JSON files.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes

Loading thumbnail…

dashboard dana anissa juliette

This dashboard displays a network of musical artists and their associations, with additional plots visualizing artist data. The main view uses D3’s force-directed simulation (`d3.forceSimulation`, `forceLink`, `forceManyBody`) to position nodes representing artists, with lines connecting related artists. Clicking a node updates the network. The code also prepares bar charts and other visualizations from Deezer fan counts and language data stored in a JSON file, using D3 scales and axes to render the SVG graphics.

JJuliette

89% match

Loading thumbnail…

dashboard dana anissa juliette

This dashboard visualizes relationships between musical artists and their language usage. It shows a force-directed network graph using d3.forceSimulation, where nodes represent artists and links connect associated musicians, alongside bar charts and circular plots derived from artist data. The example loads artist data from the Wasabi API and i3S university database, using d3.json and d3.scaleLinear for rendering SVG charts. Interactive tooltips appear on hover, while clicking a network node triggers a new data fetch and animation to update the visualization.

PPLD3508A

89% match

Loading thumbnail…

Projet UXDM : Toky, Thibaut, Mattéo, Johan, Abdel

This interactive dashboard visualizes global music data through a choropleth map. Users click a country to see its total album count and select from three additional charts: a bar chart of top genres, a lollipop chart of popular artists, and a line chart of albums per year. The map uses d3.geoPath with TopoJSON and Mercator projection, while the detail charts employ d3.scaleBand, d3.scaleLinear, and d3.scaleTime. Colors encode album counts via a linear scale, and tooltips display hover details across all views.

SSeegson

72% match

Loading thumbnail…

Projet UXDM : Toky, Thibaut, Mattéo, Johan, Abdel

This interactive dashboard visualizes the WASABI music dataset, showing the number of albums released by country on a choropleth map. Clicking a country reveals a modal offering three detailed views: a bar chart for top music genres, a lollipop chart for popular artists, and a line chart showing album counts per year. Built with D3.js v5, it uses `d3.geoPath` with a Mercator projection and TopoJSON for the map, while `d3.scaleBand`, `d3.scaleLinear`, and `d3.line` handle the charts. Data is pre-extracted into JSON files for performance, and the interface supports zooming, tooltips, and navigation back to the map.

TToky R

72% 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

71% match

Loading thumbnail…

Fork of Card D3

This interactive map visualization displays European countries with colored circles marking each nation's location. The circles are color-coded by musical genre preference, with a legend explaining the color scheme. Users can zoom and pan the map, and hovering over a circle reveals a tooltip showing the country name and its associated music genre. The visualization uses D3.js v6 with geoMercator and geoPath for the map projection, SVG circles for data points, and d3-scaleOrdinal for color assignment based on the countriesEuropean.json dataset.

PPLD3508A

70% match

Loading thumbnail…

Juliette Projet V2 Interaction

This example visualizes a dynamic network of musical artists and their associations. It shows a force-directed graph where the central artist is linked to related artists, with tooltips displaying artist names and record labels. Clicking a node triggers an update, fetching new data from the Wasabi I3S API and redrawing the graph. The code uses d3.forceSimulation and d3.forceLink to manage layout, with SVG elements rendered dynamically based on asynchronous API responses.

PPLD3508A

69% 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

69% match