Pablo Rodriguez

@Maropro3·2 public vizzes

LineChart 1

This example displays a minimal HTML page that renders the text “Hello HTML” in large, centered type, while logging “Hello JavaScript!” to the browser’s developer console. It demonstrates the integration of plain HTML structure with embedded CSS for styling and a JavaScript script tag for basic client-side behavior. The page uses no external libraries, only native browser APIs, and serves as a foundational template for building React-based visualizations, as referenced by the included React Starter link.

Jun 13, 2021

Loading thumbnail…

Smiley Face Part II

A yellow smiley face rendered with React and D3 fills the browser viewport, with two solid black eyes and an open mouth created as a D3 arc path. The face scales to the window size, centering the head at the midpoint of the screen. Built with React 16.9 and D3 v6, the visualization computes geometry from window dimensions, using `d3.arc` for the mouth and SVG circles for the eyes and head, with the head’s radius derived from the viewport height. The example uses production builds of React and D3, rendering exclusively with SVG elements.

May 14, 2021