William

@lmailliw·6 public vizzes

Cars Report

This example renders a stylized face using the D3.js version 6 API within an SVG canvas. The visualization depicts a yellow circle for the head, two eyes, eyebrows, and an arc-shaped mouth, constructed from basic SVG shapes. The code uses D3’s `select`, `append`, and `attr` methods to build the scene, and the `arc` generator to create the mouth path with specified inner and outer radii and angular ranges. The styling is managed by an external CSS file, and the layout is fixed to a 960 by 500 pixel coordinate system.

Dec 10, 2020

Loading thumbnail…

Cars Report

This is a simple SVG graphic titled "Cars Report" that displays a collection of basic shapes, including red and blue circles and rectangles, a purple group with outlined shapes, and black lines with a path. It is rendered entirely with inline SVG elements inside an HTML page. The code uses React for structure, but the visible rendering relies purely on SVG primitives like `circle`, `rect`, `line`, and `path`, with CSS styling applied via `styles.css`. The visual has no interactive or data-driven behavior, serving only as a static layout demonstration.

Dec 10, 2020

Loading thumbnail…

HTML Starter

This example displays the text “Hello HTML” centered on a plain page, with CSS styling setting the font size to 13em. The minimal HTML document demonstrates a basic web page structure, linking to a stylesheet and script. The JavaScript code runs a `console.log` statement, outputting “Hello JavaScript!” to the browser’s developer tools. No external libraries are used; it relies solely on standard HTML, CSS, and JavaScript APIs.

Dec 10, 2020

Loading thumbnail…

Cars Report

This is a bare-bones HTML report listing three cars with their model years, makes, and prices. The page uses plain CSS for styling, including a monospace font and a red highlighted class applied to the first item. A minimal JavaScript setup is referenced, with the code built on React and displayed in a standard HTML document, though no interactive or data-driven behavior is shown beyond the static list.

Dec 10, 2020

Loading thumbnail…

Cars Report

This example presents a simple static list of three cars with their model years, makes, and prices, highlighting the first entry in red. The data is hardcoded directly in the HTML markup, and styling relies solely on CSS with a monospace font and red color class. No JavaScript or data-visualization libraries are used; the page is a bare HTML/CSS demonstration, not an interactive chart.

Dec 10, 2020

Loading thumbnail…

CARS REPORT

This example showcases a filtered report of used cars, displaying only those priced under $2,000. The page initially shows a "Loading..." message, then presents formatted car entries after a two-second delay. Using React, the code fetches hardcoded JSON data through a custom asynchronous `getCars` Promise and filters it with `generateReport`. The resulting text, created with the `formatCar` function, is rendered directly into an HTML `<pre>` element via JavaScript DOM manipulation, bypassing typical visualization libraries.

Dec 10, 2020