ThomasDonahue01

@ThomasDonahue01·3 public vizzes

Fork

This visualization presents a fork-like branching structure rendered as an interactive chart within a web page. The display uses Plotly.js to generate the graphical output, with the chart embedded in an HTML iframe for presentation. The visualization relies on SVG and canvas rendering techniques to create the fork-shaped pattern, with animation capabilities enhancing the visual experience. Built using the React framework, the chart demonstrates how Plotly handles complex geometric shapes and provides interactive data visualization through its comprehensive JavaScript library. The rendering approach combines vector graphics with dynamic elements to illustrate the branching structure.

Jul 11, 2023

Loading thumbnail…

Fork of HTML Starter

This example displays a single text message, “Hello HTML!”, centered on the page with a large font size. It uses plain HTML with embedded CSS to style the text and no external libraries or JavaScript logic. The page is minimal, demonstrating the foundational structure of an HTML document with a `<style>` block and a `<div>` element for content. The rendering approach relies entirely on the browser’s default layout behavior.

Jul 11, 2023

Loading thumbnail…

Untitled

This example shows a 3D scatter plot with a draggable box of points that users can click and drag to rotate in space, inspecting the data from different angles. The chart uses Highcharts with its 3D module, configuring `options3d` for perspective and rotation, while points are styled with a radial gradient for depth perception. The rotation is implemented through mouse and touch events that update the chart’s alpha and beta angles in real time. The data consists of 100 random (x, y, z) coordinates spanning values from 0 to 10.

May 3, 2023