dashboard dana anissa juliette

100%

dashboard dana anissa juliette

✓ Published1🌍 Public

Last edited Dec 1, 2022

Created on Dec 1, 2022

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.

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

93% match

Loading thumbnail…

dashboard dana anissa juliette filiz

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.

PPLD3508A

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

78% match

Loading thumbnail…

Projet V2 Esthetique

This interactive network visualization displays the connections between a selected artist and their associated musical artists, sourced from the wasabi.i3s.unice.fr API. The code uses D3.js v4's force-directed simulation (`d3.forceSimulation`, `d3.forceLink`, `d3.forceManyBody`) to position nodes, with SVG circles representing artists and lines showing associations. Hovering over a node reveals a tooltip with the artist's name and record label, while clicking triggers an additional function.

JJuliette

77% match

Loading thumbnail…

Projet V2 Interaction

This interactive network visualization maps connections between a musical artist and their associated artists, using data from the Wasabi API. It fetches artist data and their record labels, then renders a force-directed graph with D3. The visualization uses `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceCenter` forces to position nodes, and supports clicking a node to reload the network for that artist. Tooltips display artist names and labels on mouseover, while SVG circles and lines represent the dynamic graph structure.

JJuliette

75% match

Loading thumbnail…

amélioration graph

This example visualizes a network of musical artists and their collaborators, showing connections between an artist and the writers they have worked with. It fetches artist data from the Wasabi API and builds a force-directed graph using d3.forceSimulation, d3.forceLink, d3.forceManyBody, and d3.forceCenter. Node circles and connecting lines are rendered in SVG, with hover interactions for mouseover and mouseleave events. The graph displays artist names and uses deezerFans data from the API response.

BBaptisteJarry

75% match

Loading thumbnail…

Réseau des artistes associés

This visualization shows a network of associated artists, dynamically updating based on user selection from a dropdown menu. It uses D3.js v4 with a force-directed graph (d3.forceSimulation, d3.forceLink) to position nodes and links, rendered as SVG circles and lines. Data is fetched via the Fetch API from the Wasabi API, while initial node-link data comes from a GitHub-hosted JSON file. The dropdown options are imported from a local ES6 module.

JJuliette

74% match

Loading thumbnail…

Projet 2

This visualization shows a force-directed network of music artists and their associations, mapping relationships derived from an association-rule mining dataset where nodes represent artists and links indicate co-occurrence strength. The graph uses `d3.forceSimulation` with collision and link forces to position nodes, with circle size encoding node degree and line opacity reflecting link weight. Hovering a node highlights its connections, and the code includes an autocomplete search feature that filters the network. Data is loaded from CSV files containing artist tags and recommendation pairs, rendered as SVG elements with tooltips for interactivity.

MMelanieSalignat

73% match