Saki

@91072puu·3 public vizzes

Let's make a face with D3.js!

This example uses D3.js to render a simple, static SVG face within a 960 by 500 canvas. The project imports the `select` API from D3 and an ES6 module to set a greeting message. The visualization itself consists of an empty SVG element, with the face likely drawn programmatically, while the page displays a bold textual message using the Source Sans Pro font. The code demonstrates a basic D3 setup with modular JavaScript and SVG output.

Nov 19, 2019

Loading thumbnail…

Shapes with SVG

This example shows two colored circles in an SVG canvas, with a single black line positioned below them. The circles use solid fills of orange and blue, while the line spans from an upper-left to a lower-right coordinate. The visualization is rendered entirely through inline SVG markup in the HTML body, with no dynamic data or interaction. The code imports the `select` function from D3.js to update a message div, and an ES6 module exports a greeting string.

Nov 18, 2019

Loading thumbnail…

Hello VizHub

This example displays the text "Hello VizHub!" centered on a dark blue background using the Ubuntu font. It demonstrates basic DOM manipulation with plain JavaScript, retrieving a message from an ES6 module and setting it as the text content of a `<pre>` element via `document.getElementById`. The page loads D3 v5 from a CDN and applies styling through an external stylesheet.

Nov 18, 2019