kingkwabs

@kingkwabs·2 public vizzes

D3 Data Visualization

This example shows a stacked bar chart of fruit production (Red Delicious apples, McIntosh apples, oranges, and pears) across years from 2006 to 2016. The data is hardcoded in the source, rather than loaded from an external file. The visualization uses D3 v5 with the `d3.layout.stack` function to create stacked layers, `d3.scale.ordinal` and `d3.scale.linear` for axes, and `d3.svg.axis` for drawing ticks. Tooltips display the value of each segment on mouseover. Renders to SVG.

Jul 11, 2020

Loading thumbnail…

HTML Starter

This example renders the text “Hello HTML” centered on a blank page at a massive font size, demonstrating the simplest possible HTML document structure. The page uses inline CSS to style the body with center alignment and a 13em font size, while a standard HTML script tag logs “Hello JavaScript!” to the browser’s developer console. It does not use any external libraries or data sources, serving purely as a static starter template for web development.

Jul 10, 2020