FutileGameDev

@FutileGameDev·2 public vizzes

Data Visualization

This example renders a smiling face in SVG using React and D3.js, with geometric shapes for the head, eyes, irises, nose, and mouth. The code constructs the mouth and nose as arcs via `d3.arc`, while the remaining features are simple circles. All elements are positioned relative to the center of a 960×500 viewport using SVG’s `transform` attribute, and React drives the component structure. The result is a static, stylized character built entirely from vector primitives and filled with solid colors.

Jan 8, 2022

Loading thumbnail…

King Smiley

This interactive visualization, titled "King Smiley," presents a large, cheerful face rendered as a simple textual message. It demonstrates the foundational use of HTML and CSS to achieve a bold, centered typographic display. The page uses inline `<style>` blocks to set the message's font size and alignment, while the `<body>` contains a single `div` element with the class "message" and text "Hello HTML!". The example is a minimal static graphic, not a data-driven or dynamic visualization, built without JavaScript frameworks or data sources.

Jan 8, 2022