Akshay U

@Akshay25082002·3 public vizzes

Untitled

This example shows a donut chart with eight categorical slices, each labeled with a letter from "a" to "h" and connected to its slice via thin polylines. The chart uses dummy data defined as an object of key-value pairs, with slice colors mapped through `d3.scaleOrdinal` and the `d3.schemeDark2` palette. It computes arc paths using `d3.pie` and `d3.arc`, with a half-radius inner hole, while labels and leader lines are positioned via a second outer arc and centroid calculations. The visualization is rendered as SVG with semi-transparent slices and white stroke separations.

Jul 17, 2023

Loading thumbnail…

Fork of D3 Starter

This example demonstrates basic DOM manipulation and styling with D3.js. It appends three separate paragraph elements to the body, each containing distinct text such as "1st para" and "2nt para," using chained d3.select and d3.append calls. After creating the paragraphs, d3.selectAll("p") selects all of them and applies a red color via the style method. The page loads D3 version 7.8.5 from unpkg, with the body styled at a large 13em font size. The visualization focuses purely on D3's core selection and insertion APIs without any data binding or scales.

Jul 16, 2023

Loading thumbnail…

Hello World

This example demonstrates a basic D3 version 7 setup by rendering a collection of primitive SVG shapes—two circles and a stroked rectangle—on a 1000×1000 canvas. The code uses the `select` API from D3 to write the text “Hello D3 version 7” into the page body. The visualization is purely static, showing simple geometric forms with blue and red fills, and it serves as a minimal introduction to importing and using D3’s selection and manipulation methods in an HTML document.

Jul 16, 2023