Llubi-l

@Llubi-l·3 public vizzes

World Countries Tree

A circular tree layout displays population data for ten major countries, with each country as a leaf node sized by its population value. The visualization uses a fixed-size SVG canvas with a rounded background rectangle. The code builds the hierarchical layout using D3's tree module and renders the nodes and links as SVG elements. The data comes from a static CSV file read through D3's data-loading methods, and the visualization updates through D3's standard enter-update-exit pattern.

Oct 28, 2020

Loading thumbnail…

HTML Starter

This example demonstrates a minimal HTML page that displays the text “Hello HTML” in the browser, styled with large centered typography via CSS. It also runs a JavaScript script that logs “Hello JavaScript!” to the browser’s developer console. The page uses plain HTML, inline `<style>` tags, and a `<script>` element, with no external libraries or frameworks. The rendering is handled entirely by the browser’s default HTML layout engine, and the included console message showcases basic JavaScript execution.

Oct 27, 2020

Loading thumbnail…

HTML Starter

A bare-bones HTML page displays the text "Hello HTML" in massive 13-em type, centered on a white background. The example demonstrates the minimal structure of an HTML document, combining inline CSS for styling and a script tag that logs "Hello JavaScript!" to the browser console. It serves as a foundational template for web-based visualization projects, with no external libraries or data sources. The page uses vanilla HTML, CSS, and JavaScript.

Oct 27, 2020