Yas Patel

@yaskpatel03·3 public vizzes

Fork of Smiley Face Part III

This example displays a classic yellow smiley face rendered as an SVG, with black circular eyes, a thick black stroke outlining the face, and a mouth drawn as an arc using the d3.arc() API. React manages the component structure, while D3 v5 provides the arc generator for the mouth path. The code includes a red diagonal line crossing the face, created with an SVG line element, showing how D3 and React combine to layer static shapes.

May 11, 2021

Loading thumbnail…

HTML_Document

This example shows a minimal HTML page titled "Yas's Learning" with a heading for "Lesson 1: Smiley Face." The page sets the body margin to zero and hides overflow, creating a clean full-window canvas. It loads React 16.9.0 and ReactDOM from a CDN via script tags, though the actual rendering logic is commented out. The code includes an SVG block, commented out, that would draw a smiley face using circles with specific fill colors, stroke widths, and coordinates. Currently, the page displays only static text headings without any active visualization or interactive behavior.

Apr 29, 2021

Loading thumbnail…

Fork of World Countries Tree

This example displays a family tree of the Noble House of Sirius, rendered as hierarchical radial layout using D3’s `tree` and `hierarchy` functions. The code loads hierarchical data from a local JSON file and draws horizontal links with `linkHorizontal`, while text labels show each family member’s name. The visualization supports interactive pan and zoom through D3’s `zoom` behavior, and all elements are rendered as SVG. The styling uses a custom font and white text shadows for readability.

Apr 26, 2021