maricabertarini

@maricabertarini·2 public vizzes

Fork of Polished World Map

This example presents a polished world map showing country boundaries and graticules, rendered as SVG elements. It uses the Natural Earth projection via `geoNaturalEarth1`, with `geoPath` and `geoGraticule` from d3-geo to draw land, interiors, and the sphere. Country and land data comes from the World Atlas TopoJSON file, processed through topojson's `feature` and `mesh` functions. The map is built with React components, where the `Marks` component renders paths for the land, graticules, and interiors, with distinct styling applied via CSS classes.

Dec 30, 2021

Loading thumbnail…

Smile face with SVG

This example displays a simple smiley face rendered as a yellow circle with a black outline on a 960-by-500 pixel SVG canvas. It demonstrates basic SVG shape drawing using React and SVG elements. The code defines a single `<circle>` element with explicit positioning (`cx`, `cy`) and styling attributes (`fill`, `stroke`, `stroke-width`), embedded directly in the HTML. It shows how static vector graphics can be created with minimal markup, using only SVG’s native geometry and CSS for layout.

Dec 29, 2021