dvyachkil

@dvyachkil·3 public vizzes

Face

This example shows a simple, stylized face rendered in SVG. A yellow circle forms the head, two black circles serve as eyes, and a black arc creates a smiling mouth. The code uses D3’s `select` and `arc` functions to construct the shapes, setting coordinates and radii relative to the SVG’s width and height. The rendering uses D3 v5 and outputs to SVG, with the mouth path created using the `arc` function’s parameters for inner and outer radius and start and end angles.

Apr 29, 2019

Loading thumbnail…

HTML Cars Report

This example presents a simple inventory of used cars as an unstyled HTML page, combining a header and a bulleted list of three vehicles with their model years, names, and prices. It shows the data as plain text, with the most expensive car (the 2002 Nissan Leaf) visually highlighted in red via a CSS class. The page relies on basic HTML markup for structure and an external stylesheet for typography, setting a large monospace font and applying the red color to the highlighted item. The visualization itself is purely textual, with no charts or graphics.

Apr 9, 2019

Loading thumbnail…

Hello VizHub

This example displays the text "Hello VizHub!" centered on a dark background in large Ubuntu font. It demonstrates a minimal starter template for building web-based visualizations with D3.js and ES6 modules. The code uses D3’s `select` function to target the `#message` div and set its text content from an imported constant, with styling handled by CSS from Google Fonts. It shows the basic pattern of combining D3 for DOM manipulation, modular JavaScript for reusability, and external stylesheets for design.

Apr 9, 2019