Skip to main content
Log in
A

abdeldev504

@abdeldev504·4 public vizzes

Loading thumbnail…

Fork of D3 Starter

This example demonstrates a minimal line chart created with D3.js, plotting a small time-series dataset of monthly amounts from January to April 2014 as circles on a date-scaled x-axis. The code builds an SVG visualization using D3 v4 and v7, defining chart dimensions, margins, and a time scale via `d3.scaleTime()`. It constructs axes with `d3.axisBottom` and `d3.axisLeft`, binds the data to circle elements using `.data()`, and applies basic styling. The visualization serves as a starter template, showcasing core D3 workflows for scale creation, axis rendering, and data binding.

Jun 16, 2023
Loading thumbnail…

Fork of Projet UX

This lollipop chart displays the top ten most popular artists for a selected country, ranked by a numerical count, with circles marking each artist's value. The visualization is built using D3 v5, reading artist data from a JSON file and rendering SVG elements. The chart uses `scaleBand` for the categorical x-axis and `scaleLinear` for the y-axis, with axes drawn via `axisBottom` and `axisLeft`. The data updates dynamically by country, as initiated with the 'FR' code.

Dec 4, 2022
Loading thumbnail…

Fork TP

This interactive chart displays the ten most frequent non-stopwords found in an artist’s song lyrics, with the artist selectable from a dropdown list. It fetches data from the Wasabi API, extracts lyrics, and processes them using a custom `format` function before rendering a lollipop chart with D3 v5. Each row shows a word on the y-axis and its count on the x-axis, using `scaleLinear`, `scaleBand`, and animated transitions for axes, lines, and circles.

Dec 4, 2022
Loading thumbnail…

Fork of MIAGE base

This example loads a CSV file of global population data, showing a bar chart where each country is represented by a static rectangle of fixed width and height. It imports D3 v5 functions like `select` and `csv` and renders shapes in an SVG. The code builds a single group element with rectangles, while the console logs each country’s name and 2022 population, demonstrating basic data import and SVG rendering with D3.

Sep 19, 2022