tamarailic

@tamarailic·2 public vizzes

SVG practice

This example shows a single red circle rendered inside an SVG element, serving as a minimal demonstration of SVG drawing within a React project. The code directly embeds the SVG markup in an HTML page, using the `<circle>` element with `cx`, `cy`, `r`, and `fill` attributes to establish the circle’s position, size, and color. It does not use any external JavaScript libraries or data sources, relying purely on native browser rendering of SVG. The visualization acts as a foundational practice sketch for working with vector graphics in a web context.

Mar 28, 2020

Loading thumbnail…

Car Report

This example displays a text-based car report that lists vehicles priced at or below $4,000, formatting each entry as “year make model : $price” using a custom template literal. It loads a static JSON array of five cars, simulates a two-second delay with a Promise, then filters and maps the data via the `filterCars` function. React 16.10 renders the output into a `<pre>` element, while the styling uses a large font size for the message.

Mar 28, 2020