Dimiter Zlatkov

@Dzdimi14·3 public vizzes

Fork of React Starter

This example demonstrates a minimal React application that renders the text "Hello React!" centered on the page. The component defines a div with a large message class, and ReactDOM.render mounts it into the root element. It uses React 16.13.1 and ReactDOM from unpkg, with the styling controlled by CSS in the HTML file. No data source or visualization logic is present—it serves as a basic starter template for React-based projects.

Jul 10, 2021

Loading thumbnail…

Make a face

A single SVG circle renders as a simple face on a 960×500 canvas, centered both horizontally and vertically with a radius set to one-third of the viewport height. The example uses d3.select to append the circle to the pre-existing SVG element and d3.attr to set its position and size properties. It demonstrates the minimal setup of an SVG-based D3 visualization within an HTML page, relying on the loaded d3 v5 library for element selection and attribute manipulation.

Jul 10, 2021

Loading thumbnail…

Shapes with SVG and CSS

This example shows how basic geometric shapes—a circle and a rectangle—can be drawn directly on an SVG canvas. The shapes are positioned using explicit `cx`, `cy`, `r`, `x`, `y`, `width`, and `height` attributes inside an inline `<svg>` element. It uses plain HTML and CSS, with no JavaScript libraries, and demonstrates static styling via an external stylesheet. The rendering approach is native SVG, showing the simplest possible setup for creating vector graphics in a web page.

Jul 10, 2021