HTML Starter

100%

✓ Published0🌍 Public

Last edited Dec 23, 2020

Created on Dec 23, 2020

This example demonstrates a responsive HTML table for displaying personnel data, including names, ages, occupations, and locations. The page uses custom CSS to style rows and cells, with a media query that transforms the table into stacked blocks for small screens, revealing cell labels via `data-title` attributes. It also integrates Bootstrap’s `table-light` and `table-striped` classes for a second table instance. A JavaScript `console.log` statement confirms basic interactivity within the browser’s developer tools.

AI-generated description

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

Similar vizzes

Loading thumbnail…

HTML Starter

This example demonstrates a minimal HTML page that uses React to render a text report of people data. It parses a JSON array into objects and, using the `map` function, displays each person’s name, age, and weight in a formatted line. The output is injected into a `<pre>` element via `document.getElementById` and `textContent`. The code relies on React for component logic, though it renders plain text rather than interactive visuals. The data source is embedded as a hardcoded JSON string in a separate people.js module.

Jjlonai@nnu.edu

74% match

Loading thumbnail…

HTML Starter

This example demonstrates a minimal HTML page that displays the text “Hello HTML!” centered on a white background. The page loads a CSV file containing population data for ten countries, but the data is only logged to the browser console and not visualized. The implementation uses inline CSS for styling and JavaScript with the D3 library’s `select` and `csv` functions to fetch and parse the data file.

SShyam Bihari Agarwal

73% match

Loading thumbnail…

HTML Starter

This example displays the text “Hello HTML” in a large, centered font on a plain web page. It loads population data from a CSV file using D3’s `csv` method, then converts the population values from thousands to absolute numbers with a `forEach` loop and console logs the result. The page’s styling is handled through a simple CSS block, while no visual rendering of the data is performed, making it a bare-bones HTML and React starter template.

GGuilherme

72% match

Loading thumbnail…

Fork of HTML Starter

This example presents weekly sales data in a static HTML table, showing store identifiers, dates, sales figures, holiday flags, temperature, fuel price, CPI, and unemployment. It uses plain CSS for styling, including table borders, alternating row colors, and a card-like container. The page is a simple starter template with no dynamic behavior, relying on hand-coded HTML rows. It demonstrates a basic data-display layout without JavaScript libraries or interactive features.

Ssaiyogesh9911@gmail.com

72% match

Loading thumbnail…

HTML Starter

This example displays the text "Hello HTML" in a large, centered web page, with a corresponding message logged to the browser's developer console. It uses a simple `index.html` file with inline CSS to style the text, and a JavaScript block to demonstrate basic console output. The page also references a separate `index.js` file that uses the `select` and `csv` functions from the `d3` library to load and log a movie dataset, though this functionality is not directly visible on the page itself. The provided `data.csv` file contains movie information for potential charting.

Ssgzzhinde

72% match

Loading thumbnail…

Untitled

This interactive HTML table displays customer records with attributes like location, age, and various boolean flags. Users can filter rows through three separate text input fields and a search button, with the table dynamically hiding or showing rows based on matching criteria. The implementation uses plain JavaScript for the filtering logic, manipulating the CSS `display` property of table rows, while the table styling is handled through embedded CSS. The data presented is static sample data, and the filtering demonstrates basic DOM manipulation without external libraries or frameworks.

JJunepp

72% match

Loading thumbnail…

HTML Starter

This example demonstrates a minimal web page that displays a person's name from a hardcoded dataset. It renders the text "John" in the browser using HTML and JavaScript, without any charting or visualization libraries. The code parses a JSON array of two records and selects the first entry's name attribute. The page updates a `<pre>` element's content through the Document Object Model, using a large font size for visual effect. The functionality relies on the imported React framework and standard JavaScript methods.

Aaraisch

72% match

Loading thumbnail…

HTML Starter

This example displays the text “Hello HTML” centered on a white background, serving as a minimal starting point for web-based visualizations. The page uses basic HTML and CSS styling within a single `index.html` file, with a large font size applied to the body. It references a `data.csv` file containing yearly running totals, but the current code does not load or render this data. The example demonstrates a bare-bones HTML structure that could be extended with JavaScript libraries for data visualization.

SShrekstoff

71% match