MaxwellHarper

@MaxwellHarper·4 public vizzes

Cars Report

This example displays a single car make in large text on a webpage, showing the first entry from a hardcoded JSON dataset of three cars. The code parses the JSON string using `JSON.parse` and accesses the first object’s `make` property with `cars[0].make`. It then updates the HTML element’s text content via `document.getElementById('message-element').textContent`. The visualization relies on a simple DOM manipulation API, with the data stored locally in `cars.js` and bundled for the browser.

Feb 11, 2020

Loading thumbnail…

Cars Report

This example presents a minimal web page titled "Cars Report." The page centers the text "Hello HTML" on a white background, with the body text styled at an extremely large font size of 13em. It is built using a bare HTML structure, with inline CSS for styling. The code runs within a React framework, and the rendering approach uses standard HTML and CSS without any data visualization libraries or external data sources.

Feb 11, 2020

Loading thumbnail…

Concept Map

This concept map diagram illustrates the relationships between ideas about knowledge organization, using a force-directed layout to spread nodes apart while maintaining link proximity. Nodes appear as orange rectangles with bold text labels, while links include small background labels describing the connections between concepts. The visualization is built with GoJS, using a ForceDirectedLayout with 200 iterations, GraphLinksModel for data, and custom node/link templates. The data includes 20 concept nodes and 24 labeled links showing hierarchical and cross-connected relationships.

Feb 11, 2020

Loading thumbnail…

HTML Starter

This example demonstrates a minimal HTML page that displays the text "Whatup ..?" centered on the screen with a font size of 13em. It uses plain HTML and embedded CSS within a `<style>` tag to achieve the visual styling, with no external libraries or data sources. The page serves as a bare-bones starting point for web development projects, showing how a simple document structure and inline styles can render a basic webpage.

Feb 11, 2020