mkwvonmkwson

@mkwvonmkwson·3 public vizzes

Bar Chart Practice

This bar chart displays population totals for six global regions, with labeled horizontal bars ordered by continent. The visualization uses D3 v5’s `scaleBand` and `scaleLinear` to map continent names to y-positions and population counts to bar widths, while `d3.csvParse` ingests inline CSV data sourced from Wikipedia 2021. Text labels, formatted with `d3.format`, appear beside each bar, and the SVG is rendered with static `<rect>` elements.

Aug 28, 2021

Loading thumbnail…

Let's Make a Face Part I - mkw

A single yellow circle with a black outline is drawn on an SVG canvas, centered within a 960x500 viewport. The example builds a simple smiley face, starting with the face outline and placeholder eyes positioned at fixed coordinates. The implementation uses React to render SVG elements, with ReactDOM mounting the component to the DOM. The circle's radius is calculated from the center Y position minus a stroke width, though the code references an undefined `strokwidth` variable in the radius computation.

Aug 7, 2021

Loading thumbnail…

Fork of HTML Starter - mkw

This example displays the text "Hello HTML" in massive, centered type, rendered at 13em to fill the viewport. The page uses plain HTML with embedded CSS for styling and a JavaScript snippet that logs "Hello JavaScript!" to the browser console. It provides a minimal demonstration of fundamental web technologies—HTML structure, CSS text formatting, and JavaScript execution—without any external libraries or data sources. The intent is a bare-bones starter template for exploring browser behavior.

Aug 7, 2021