Le Doan

@leonadoan·2 public vizzes

HTML Cars Report

This example presents a static HTML cars report that lists three car models with their respective years and sales figures. The page demonstrates fundamental web technologies by combining semantic HTML elements with CSS styling and a minimal JavaScript snippet. The CSS styles the body with a monospace font and highlights the first list item in red using the `.highlighted` class. The JavaScript simply logs a message to the browser’s console. The data is hardcoded directly in the markup, showcasing a bare-bones approach without any external libraries or frameworks.

Feb 8, 2021

Loading thumbnail…

Fork of Stylized Bar Chart

This example displays the top 10 most populous countries as horizontal bars, with country names on the left and population counts on the x-axis. Built with React and D3 v5, it uses `scaleBand` for the categorical y-axis and `scaleLinear` for the population values. SVG rectangles render the bars, with tooltips formatted using D3’s `format('.2s')` and hover titles provided by native SVG `<title>` elements. Data comes from the United Nations World Population Prospects 2019, loaded via `d3.csv`, showing a clean stylized design with teal bars.

Feb 8, 2021