lololoandlalala

@lololoandlalala·3 public vizzes

Cars Report

This example displays the model year of the second car in a small dataset, rendering that single value as large text in the browser. It loads car records from a JSON string defined in `cars.js`, parses them with `JSON.parse`, and uses the Document Object Model (DOM) API `getElementById` and `textContent` to update a `<pre>` element in `index.html`. The visualization relies on basic HTML, CSS, and JavaScript modules, with no external charting libraries.

Jul 22, 2020

Loading thumbnail…

Cars Report

This example renders a simple webpage titled “Cars Report” that initially displays the text “ugh” in a large `<pre>` element. The JavaScript sets the element’s content to “Hello World” using `document.getElementByID` and `textContent`. An embedded YouTube video is included in the README, but the visible page itself relies only on basic DOM manipulation without any data or visualization libraries. The page loads its script from a bundled `bundle.js` file and uses minimal HTML and CSS.

Jul 21, 2020

Loading thumbnail…

Let's make a face with D3.js!

This example uses D3.js v5 to draw a cartoon face entirely with SVG shapes. The code builds a yellow circle for the head, then appends circles for eyes and rectangles for eyebrows, all positioned with fixed pixel offsets. A mouth is created using the `d3.arc()` generator with custom inner and outer radii and angle values. The visualization demonstrates basic D3 selection, SVG element creation, and the arc API for path generation.

Jul 21, 2020