simonaay

@simonaay·2 public vizzes

HTML Starter

This example demonstrates a minimal HTML page that uses inline CSS for styling and JavaScript for basic interactivity. It renders “hello world” in the center of the page and writes the same message into a pre element with the ID `msg.element` via `document.getElementById`. The code also logs “Hello JavaScript!” to the browser’s console. It relies on standard web APIs (CSS, DOM manipulation) with no external libraries.

Nov 23, 2020

Loading thumbnail…

Barchart

Five series of smoothly varying data are visualized as a stacked bar chart that toggles between stacked and grouped layouts every two seconds. Using D3 v5, the chart binds stacked data to SVG rectangles and animates transitions with `transition.attr` to interpolate positions and sizes between the two arrangements. Radio buttons let users manually switch layouts, with an interval timer resetting on interaction.

Oct 31, 2020