FDASSO

@FDASSO·5 public vizzes

Fork of Smiley Face Part II

This example shows a yellow smiley face rendered as an interactive React component, with its size and position adapting to the browser window. The face is drawn using SVG circles for the head and eyes, while the code defines a mouth arc with d3.arc that has innerRadius, outerRadius, startAngle, and endAngle specified. React manages the component structure, and d3.v7 provides the arc generator. The face centers itself dynamically using window dimensions, with eye offsets and radii defined as constants. The mouth arc is configured but not yet appended to the SVG in the current code.

Jun 22, 2021

Loading thumbnail…

Fork of Smiley Face Part II

A yellow smiley face rendered with React and SVG fills the browser window, its size and position calculated from `window.innerWidth` and `window.innerHeight`. The face uses `centerY` to set the circle radius, with static offsets for eyes and an unspecified mouth. The code imports React and ReactDOM, defines constants for geometry, and draws three circles via JSX. It initializes from `bundle.js` and relies on React 16.9 production builds loaded from unpkg.

Jun 22, 2021

Loading thumbnail…

smiley face

A static SVG drawing of a yellow smiley face on a blank page. The face consists of three plain circles: a large yellow outline for the head and two smaller black circles for eyes, all created directly with SVG markup inside an HTML file. No interaction or animation is present; the rendering relies solely on the browser's native SVG support.

Jun 21, 2021

Loading thumbnail…

Fork of Hello HTML

This example presents a bare-bones HTML page with an embedded YouTube video, demonstrating the most minimal structure required to display content in a browser. The code uses only standard HTML elements—the `<head>` with a `<title>`, and an empty `<body>`—with no JavaScript, CSS, or external visualization libraries. The page’s functional output is an iframe that loads a YouTube player, while the accompanying README links to a Wikipedia article on HTML. No data is rendered or processed; the example serves purely as a static, straightforward illustration of webpage markup.

Jun 21, 2021

Loading thumbnail…

Fork of D3 v5 Zoomable Sunburst

This sunburst chart visualizes the hierarchical structure of the Flare dataset, with arcs representing nodes sized by value and color-coded by top-level branch. Clicking an arc zooms and centers the view on that node, while a click on the center circle returns to the root. Built with D3 v5, it uses `d3.partition`, `d3.hierarchy`, and `d3.arc` for layout, with animated transitions driven by `transition.attrTween` and `d3.interpolate` to smoothly update arc paths and labels during zoom.

Jun 21, 2021