elcr3ator

@elcr3ator·2 public vizzes

Smiley face Part I

This example displays a blank page intended to become a smiley face visualization. The code fetches a CSV file from a GitHub gist using JavaScript’s `fetch` API and logs its contents to the console. It uses vanilla HTML, CSS, and JavaScript without any external visualization libraries. The data source is a remote `.scv` file (likely a typo for `.csv`) containing the shape’s coordinates. The visualization itself is not yet rendered, only the data retrieval step is demonstrated.

Mar 9, 2021

Loading thumbnail…

Fork of Smiley Face Part II

This example shows a yellow smiley face rendered as a circle with two eye circles, built entirely with React and SVG elements. The code uses `window.innerWidth` and `window.innerHeight` to size the SVG to the full browser viewport. React 16.9 is loaded from a CDN via UMD builds, and the component is mounted into a root div using `ReactDOM.render`. The face’s position and dimensions are defined by explicit coordinates for the main circle and eyes, with styling for a yellow fill and black stroke.

Mar 9, 2021