My Webpage

100%

✓ Published0🌍 Public

Last edited Jun 29, 2023

Created on Jun 29, 2023

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.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

My Webpage

This webpage displays a personal profile for a data science student, featuring an embedded SVG star emblem with text and a table of car sales data fetched from a GitHub gist. The page uses React and renders the SVG graphic inline, while JavaScript employs the Fetch API to retrieve the CSV content and dynamically populate an HTML table. Styling is handled with CSS, and the page includes a header, navigation bar, and footer sections.

Ssaikrishnabussa

85% match

Loading thumbnail…

My Webpage

This example presents a personal webpage for Sai Krishna Bussa, featuring an embedded SVG logo, navigation, and an automatically generated table of car sales data. It demonstrates how HTML, CSS, and JavaScript work together in a React-less setup. The page loads a CSV file from a GitHub gist using D3 v5’s `d3.csv` method, then dynamically constructs the table by inserting header cells (`th`) and data cells (`td`) into the DOM. The SVG logo and styling are defined inline within the HTML and external `styles.css`.

Ssaikrishnabussa

84% match

Loading thumbnail…

My Webpage

This example demonstrates loading and displaying a CSV dataset of student performance within a styled HTML page. Using D3 v5, it fetches data from a GitHub gist via `d3.csv`, then reports the file size in kilobytes, row count, and column count. A static SVG star graphic is included, alongside a second `d3.csv` call that prints the first ten rows as JSON. The page combines CSS styling, an HTML container, and D3's selection and formatting utilities.

VVarshareddy2912

77% match

Loading thumbnail…

My Webpage

This example demonstrates the loading and display of a CSV dataset from a GitHub Gist, showing file size, row count, and column count in a preformatted text container. The page combines basic HTML and CSS styling with D3.js v5, using the `d3.csv` API to fetch and parse the remote data asynchronously. The visualization also includes a simple inline SVG graphic with geometric shapes, and the code highlights VizHub's modular architecture through local ES6 module imports in separate JavaScript files.

Aakshayvenishetty1437

75% match

Loading thumbnail…

My Webpage

This example demonstrates loading a CSV dataset from a GitHub gist and displaying its size in kilobytes, row count, and first ten rows as JSON in a webpage. It uses D3 v5’s `d3.csv` and `d3.csvFormat` APIs to fetch and measure the data, alongside local ES6 module imports from `index.js`. The page also features static HTML/CSS content and an embedded SVG graphic of a cricket-themed illustration.

VVenkat-Sumith-Thota

75% match

Loading thumbnail…

CSCE 5320.js

This example presents a dashboard-style HTML page that welcomes visitors to a data visualization exercise and displays summary statistics about a hospital dataset. It highlights the dataset’s size in kilobytes, row count, and column count by fetching a CSV from a GitHub gist using the `d3.csv` API. The visualization combines a custom pink heading, a large orange preformatted text block, and an inline SVG image sourced from a GitHub repository, all styled with CSS and rendered using D3 v7 within a plain HTML and JavaScript environment.

MManasaPatange

74% match

Loading thumbnail…

Data Visualization

This example presents a simple HTML page that displays a greeting message and loads a remote CSV dataset using D3 version 7. It prints statistics about the data, including its size in kilobytes, row count, and column count, by utilizing `d3.csv` and `d3.csvFormat`. The page also includes an SVG image showing a black ellipse and a filled polygon. The D3 library is loaded via a CDN, and the visualization is rendered through standard HTML and SVG elements.

Hharika-1929

74% match

Loading thumbnail…

My Webpage

A webpage displays a welcome message and an SVG logo alongside placeholder text, with a section linking to externally hosted CSV data and an empty table element intended for a data preview. The example demonstrates importing D3 functions via `select` from the UNPKG-hosted D3 library and using a local ES6 module (`myMessage.js`) to set the text of a `#message` div. The page’s styling is defined in CSS within the HTML file, while a separate `styles.css` file styles the message text in large, centered type.

VVenkat-Sumith-Thota

74% match