Sam Hooker

100%

✓ Published0🌍 Public

Last edited May 30, 2017

Created on May 30, 2017

This example is a personal portfolio and project hub for designer Sam Hooker, presented as a single-page website. It shows a collection of interactive data-visualization prototypes, including a weather display, an NBA arena quiz, and a countdown timer, alongside introductory text about the author’s background in data analysis. The page uses plain HTML and CSS for layout and styling, with a JavaScript `XMLHttpRequest` fetching a JSON file of quotes to power the quiz feature. The design relies on external fonts (Cabin, Lato) and a custom stylesheet, with no charting library in use.

AI-generated description

Similar vizzes

Loading thumbnail…

My Webpage

This personal webpage presents a survey of scientific data visualization through custom HTML, CSS, and JavaScript, featuring an embedded SVG illustration and a data table. The page displays a CSV dataset rendered as an HTML table, with JavaScript calculating and displaying column sums, averages, and overall summary statistics. The interface includes a header, navigation menu, and footer, styled through an external stylesheet. The SVG logo and data summary demonstrate basic web technologies for presenting structured information, using native JavaScript functions for parsing and computation rather than external libraries.

Ssaikrishnabussa

61% match

Loading thumbnail…

Fork of HTML Starter

This example presents a single-page data engineering portfolio template with a dark header and white content sections. The page uses semantic HTML5 elements, including a navigation menu with anchor links to sections about education, skills, projects, and experience. CSS styling via style.css applies a clean layout with responsive media queries for mobile. The code is a static HTML/CSS starter, containing no JavaScript or data visualization libraries, and displays placeholder text rather than actual project data.

UUthkarsh Reddy Junuthula

59% match

Loading thumbnail…

HTML Starter

This example demonstrates a bare minimum HTML page that integrates CSS and JavaScript, serving as a foundational template for web-based visualizations. The page uses plain HTML elements styled with embedded CSS, while JavaScript is included in an inline script tag, though it remains empty in this version. It references a country CSV file and an input dataset, indicating potential data loading capabilities. The code relies on standard web APIs—HTML5, CSS, and native JavaScript—without external libraries, emphasizing simplicity and direct browser functionality. The visual output is currently minimal, showcasing the structural setup rather than a complex rendering.

TTrustPaul

59% match

Loading thumbnail…

HTML Starter

This example demonstrates a minimal HTML page that loads external data using the D3.js library. The page fetches GDP data from a freeCodeCamp-hosted JSON file via `d3.json` and logs the retrieved data to the browser’s console. The simple CSS styling centers a large 13em text placeholder on the page, though the body remains empty. The chart logic is incomplete, with the data import function defined but not yet rendered into any visual output.

SSeanCline213

59% match

Loading thumbnail…

HTML Starter

This example demonstrates a minimal HTML page that uses inline CSS for styling and JavaScript for console output, serving as a foundational template for web-based visualization projects. The page displays the text “Hello HTML” in large, centered type, while a script logs “Hello JavaScript!” to the browser’s developer console, highlighting the separation of structure, presentation, and behavior. With no external libraries or frameworks, it relies purely on native HTML, CSS, and JavaScript to establish a bare-bones starting point for more complex data-visualization work. The accompanying `index.js` file contains a JSON array of car data, though it is not currently integrated into the page.

FFranz Jimeno

58% match

Loading thumbnail…

Fork of MrW's VizHub Experience 2020 (BACKUP)

This example is a backup of a journal-style dashboard showing a data visualization course experience. It displays a digital LED clock-style rendering of the year "2020" and a VizHub logo using HTML and CSS, with text styled via the LED Digital 7 webfont and layered text shadows for a neon glow effect. The page is rendered in SVG format and includes links to external resources like mrwatson.de and VizHub. The visualization is purely presentational, using CSS flexbox for centering and custom fonts for aesthetic emphasis.

SSampras Dsouza

58% match

Loading thumbnail…

Astor's Portfolio

This example presents a personal portfolio website for Jeff Astor, featuring a single-page layout with a navigation header linking to Home, About, Portfolio, and Contact sections. The page currently displays a hero image placeholder and an empty image tag, with no content yet populated in the main sections. The code uses standard HTML5 and CSS3, with a top navigation bar styled using a linear gradient (`background: linear-gradient(white, #19B5FE, white)`) and absolute positioning. The header employs a logo and a horizontal list-based menu, with CSS selectors like `.topnav a` and `.nav-list ul li` controlling link styling and layout.

JJastor11

58% match

Loading thumbnail…

Untitled

This example presents a minimal, unstyled HTML page titled "Intro to HCS" that loads a stylesheet and an external JavaScript script. The page itself contains no visible content. The CSS sets a large, monospace font for the body and defines a `.highlighted` class that colors text red, though no elements with that class exist in the markup. The visualization relies entirely on the external script, whose logic is not shown here. The page uses standard HTML, CSS, and an unspecified JavaScript library, likely D3.js, to create any dynamic or interactive elements.

DDrexBuzz

57% match