Derrick Mulwa

@Derrick-Mulwa·4 public vizzes

Fork of HTML Starter

A hand-drawn smiley face is rendered in SVG, with an orange circular head, white eyes with black pupils, and a mouth formed by overlapping white and orange circles. The visualization also reads from a CSV file containing health and lifestyle data, displaying the "Country" column values as plain text in a paragraph element. Built with D3 v7, the code uses selection methods like `select` and `append` to construct the SVG elements and `csv` to load the data.

Sep 30, 2025

Loading thumbnail…

d3

This example demonstrates a minimal D3.js starter template that displays a single large circle in an SVG container. The visualization shows a basic geometric shape centered within a 700x500 pixel viewport, using a 200-pixel radius circle positioned at explicit x and y coordinates. The code initializes the SVG element via `d3.select` and appends the circle using the `append` method with chained `attr` calls to set its dimensions. The page title is updated dynamically through D3's selection and text methods. The visualization is rendered with SVG and styled with a custom CSS file affecting font size and family choices.

Sep 9, 2025

Loading thumbnail…

Fork of D3 Starter

A yellow smiley face rendered in SVG uses D3 v7 selections to build concentric circles for the head, eyes, and pupils, plus an arc-generated mouth. A continuous while loop chains `transition()` calls on the pupil elements, animating their `cx` and `cy` attributes to shift diagonally, then downward, and back to center. The code imports `select` and `arc` from the D3 module, with the mouth path’s shape defined by inner and outer radii and angular start and end values.

Sep 3, 2025

Loading thumbnail…

Fork of D3 Starter

This example presents a minimal D3.js starter template. It uses the `d3.select` API to target the HTML `body` element and replaces its content with the text "Hello00 D3" via the `text` method. The visualization is rendered through an `index.html` page that loads an `index.js` module, which imports the `select` function directly from the d3 library. The output is a simple, static textual display without charts, data sources, or additional rendering logic.

Aug 25, 2025