Seung Y. Lee

@syounlee·4 public vizzes

Fork of Smiley face part 1

This example shows a half-finished smiley face rendered as a static SVG graphic. The code uses React to define the SVG elements, including a yellow circle for the face, two black circles for the eyes, and an arc path for the mouth. The mouth is created using the `arc` function from D3, which specifies inner and outer radii along with start and end angles in radians. The SVG is positioned using a centered transform, with all coordinates calculated relative to the canvas center. The drawing does not animate or respond to input, presenting only the current geometric state.

Jun 11, 2021

Loading thumbnail…

Fork of HTML Starter

This example shows a minimal web page displaying the text “Hello HTML” in large, centered type, with the CSS `text-align` and `font-size` properties controlling layout and scale. It serves as a basic HTML starter template, loading a small inline script that logs “Hello JavaScript!” to the browser’s developer console via the `console.log` API. The page uses no external libraries, relying solely on vanilla HTML, CSS, and JavaScript to demonstrate a bare-bones structure for web development, with the data source being static text embedded directly in the markup.

Jun 11, 2021

Loading thumbnail…

Fork of Making a Bar Chart

A horizontal bar chart displays the population of the top 10 most populous countries using 2018 estimates from the United Nations World Population Prospects 2017. The visualization, built with D3 v5 and rendered as SVG, orders countries by population and uses a linear scale for the x-axis and a band scale for the y-axis. Customized axes include formatted tick labels (e.g., “1.42B”) and removed domain lines, while a title and axis label clarify the content.

Jun 11, 2021

Loading thumbnail…

Fork of React Starter

This example demonstrates a minimal React application that renders the text “Hello React!” as a large, centered message. It shows how to scaffold a basic component-based UI using React 16.13.1 and ReactDOM, with the `App` component defined as a JavaScript arrow function returning a JSX `<div>`. The application mounts to the DOM element with the ID `root`, and the page loads React and ReactDOM from a CDN via `<script>` tags. No external data or interactive behavior is included; the visualization is purely static text styling controlled by CSS.

Jun 11, 2021