apisorder

@apisorder·4 public vizzes

WIP D3 Git History

This example demonstrates a minimal React application that renders a "Hello" message using a `pre` tag, showcasing the integration of ES6 imports with external libraries in VizHub. The code imports `d3` for its `select` function, and uses `react` and `react-dom` to create and mount a component with `ReactDOM.render`. The `package.json` file declares these dependencies and specifies custom CDN paths and browser globals for React, enabling VizHub to resolve imports without manual `<script>` tags.

Oct 28, 2021

Loading thumbnail…

Smiley Face Part I

A smiley face rendered with React and D3 in an SVG, centered on a 960x500 canvas. Yellow circles form the head and black eyes, while a mouth is drawn using the D3 `arc()` generator with a semicircular path. The layout relies on fixed pixel offsets for features, computed from the center and radius values. The example demonstrates declarative React components combined with D3's shape APIs for precise geometric control.

Sep 12, 2021

Loading thumbnail…

Fork of Fork of Hello HTML

This example displays a minimal HTML page that renders the text “hello” in the browser. The page uses no external libraries or JavaScript APIs, consisting solely of a basic HTML document structure with a `title` and `body` element. Its purpose is to demonstrate the simplest possible web page setup, showing how plain text content appears when loaded directly in a browser without any styling, data, or interactive behavior.

Sep 9, 2021

Loading thumbnail…

Fork of Hello HTML

This example shows a blank HTML page with only a title, “Fork of Hello HTML.” It is the minimal starting point for any web-based visualization, containing no visual content or interactive elements. The code is a bare HTML document structure with an empty `<body>` element, using no external libraries or APIs. It serves as a stripped-down template, demonstrating the fundamental skeleton required before adding any charting, drawing, or data-handling code.

Sep 9, 2021