Shidharth997

@Shidharth997·2 public vizzes

Shapes and Colors with SVG and CSS

This example demonstrates how SVG shapes and CSS styling combine to create a static composition of circles, rectangles, lines, and paths. The code uses raw SVG elements with inline attributes like `fill`, `stroke`, and `stroke-width` for basic styling, while a stylesheet defines the black, thick strokes for line elements and rounded joins for paths. A group element applies a shared fill and stroke to its children, and a transform scales and translates the entire scene. The rendering relies purely on SVG and CSS, with no JavaScript libraries.

Nov 8, 2020

Loading thumbnail…

Cars Report

This example demonstrates a simple text-based report of cars, filtering a list of vehicle data by price and formatting each match as a readable string. It shows how JavaScript modules handle asynchronous data loading and report generation. The app uses `getCars()` to return a promise that resolves with an in-memory JSON array of car objects after a simulated delay, sorted through `Array.filter`, formatted via a custom `formatCar` function, and joined into a single text output. The HTML page updates a `<pre>` element’s content in `index.js`, initially displaying “Loading...” before the report appears.

Nov 8, 2020