minaadel6600

@minaadel6600·4 public vizzes

Fork of D3 Starter

A horizontal bar chart displays population figures for nine countries, sourced from an embedded CSV file. The bars render as SVG rectangles, with each country's population scaled linearly along the x-axis and country names positioned using a band scale on the y-axis. The code uses d3.csv to load the data, d3.scaleLinear for the width mapping, d3.scaleBand for categorical spacing, and d3.select to append the rectangles.

Oct 27, 2021

Loading thumbnail…

Fork of D3 Starter

This example demonstrates a minimal setup for starting a D3 version 7 project. The page renders the static text "Hello ter mina" in the browser using the D3 `select` API. It then loads a CSV file containing country population data via the `csv` method, converts the population values to numbers, and logs the resulting array to the console. The visualization relies on the D3 library loaded from a CDN and a bundled JavaScript file.

Oct 21, 2021

Loading thumbnail…

Fork of Fork of D3 Starter

This example uses D3 v7 to draw a simple yellow smiley face in an SVG canvas. It demonstrates basic shape creation and positioning, using `d3.select` to target the SVG element and `d3.arc` to generate the mouth path with specified inner and outer radii and angles. Circles are appended for the face and eyes with fixed radii and coordinates, while the mouth is placed in a translated group. The code shows how to compose SVG primitives with D3’s selection and path-generation APIs.

Oct 20, 2021

Loading thumbnail…

Fork of D3 Starter

This example demonstrates a minimal starting point for D3 version 7, replacing the page content with the text “Hello D3 version 7” via `d3.select` and the `.text()` method. It renders an empty SVG canvas of 900 by 500 pixels, with commented-out circle and rectangle elements showing where shapes can be added. The code loads D3 from a CDN and uses a separate `bundle.js` to execute the JavaScript, following a basic modular setup. No data is loaded, and no interactive behaviors are implemented; the focus is purely on initializing D3 and setting up an SVG container.

Oct 20, 2021