maakosu2

@maakosu2·2 public vizzes

Shapes with SVG and CSS

This example demonstrates how to load and display JavaScript object data as text on an SVG-based web page. It uses asynchronous functions and modules to fetch car information, filter vehicles under a price threshold, and format the results into a readable report. The visualization renders a static SVG scene featuring a rectangle and a circle, while the report text updates below it. The code relies on ES6 module exports, Promises with `setTimeout`, and the `JSON.parse` method to handle the sample dataset.

Nov 12, 2019

Loading thumbnail…

Shapes with SVG and CSS

This example demonstrates a simple SVG circle rendered on a page with CSS styling, accompanied by a JavaScript module tutorial. It uses native SVG elements for the circle shape and CSS for layout and typography. The code loads car data from a static JSON array via a Promise (`getCars`), filters and formats it with ES modules (`formatCar`, `generateReport`), and updates the DOM text content asynchronously. The example highlights JavaScript object handling, array methods, and module imports/exports, alongside basic SVG markup.

Nov 11, 2019