andresitopoloski

@andresitopoloski·3 public vizzes

Let's make a Viz

A bare HTML page contains only an empty SVG canvas, with no visible data or visualization rendered. The code defines a minimal scaffold with a monospace font and a CSS class for highlighted text, but no JavaScript or React logic is executed. This example serves as a starting point for building a visualization, referencing a React Starter template for further development. The styling applies a large font size and red highlight color, but the SVG remains blank.

Apr 10, 2020

Loading thumbnail…

Cars report

The dashboard displays a static report of car listings, showing the make of the second car in the dataset, which is Fiat. It uses React as the framework to render the message into an HTML element. The data comes from a local JSON array defined in the cars.js file, which is parsed into JavaScript objects. The index.js file imports this data and directly accesses the second entry to extract its make, then updates the page text via the DOM API.

Apr 8, 2020

Loading thumbnail…

Making a smiley face

This example shows a simple smiley face drawn with basic SVG shapes. The face consists of a large yellow circle for the head and two smaller black circles for the eyes, all defined directly in an `index.html` file. The rendering relies on raw SVG elements, with no additional JavaScript logic beyond loading the React libraries. The React framework is included, but the visualization itself is static, created purely through SVG markup, and provides a minimal demonstration of combining React with SVG output.

Jan 22, 2020