Product details

100%

Product details

✓ Published0🌍 Public

Last edited Oct 6, 2025

Created on Oct 6, 2025

This example displays a product catalog as a static HTML table. It shows a list of 18 products with their ID, name, category, price, stock level, and release date. Using plain HTML and CSS, the table is styled with clean borders, alternating row colors, and a dark header. A responsive design transforms the table into stacked cards on narrower screens, using CSS media queries and the `attr()` function to display row labels.

AI-generated description

MIT Licensed

Similar vizzes

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

66% match

Loading thumbnail…

cars data sales

This example displays a static HTML table of 40 car records, showing attributes such as brand, model, year, color, engine size, fuel consumption in liters per 100 km, price, and country of origin. The page uses plain JavaScript to populate the table body from an inline array of objects, with no external libraries. A green header row and zebra-striped rows improve readability. The data rendering relies on standard DOM manipulation via `document.getElementById` and `innerHTML` within a simple `<script>` block.

119h61a05c9@cvsr.ac.in

64% match

Loading thumbnail…

HTML Cars Report

This example displays a static HTML report of a small car inventory, listing vehicle IDs, makes, models, and years in a bulleted list. The presentation uses a monospaced font at a large size, with one entry highlighted in red via a CSS class. The page is built with plain HTML and styled using an external stylesheet, with the structure defined in the index.html file and visual rules in style.css. No JavaScript or data processing is involved.

Ssheikh357

63% match

Loading thumbnail…

HTML Starter

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.

Aarun-subba

63% match

Loading thumbnail…

HTML Cars Report

This example displays a simple car inventory report as a static HTML list, showing each vehicle’s model year, make, and price. The page relies on raw HTML elements, including a heading and an unordered list, styled by an external CSS stylesheet. The styles.css file sets the body’s font-size to 2em, increasing text readability. No JavaScript libraries or dynamic data APIs are used; the content is hardcoded directly in the index.html markup, representing a minimal, non-interactive data visualization. The data source is embedded within the HTML structure itself.

RRandika87

62% match

Loading thumbnail…

HTML Cars Report

This example demonstrates a static HTML page presenting a simple car inventory report, listing three vehicles with model years and prices. It shows how basic styling and semantic markup can create a readable document. The page structure uses raw HTML elements and headings, while visual emphasis relies on a CSS class selector. The code directly links a `styles.css` file and applies a monospace font with large text, highlighting the first list item in red. No JavaScript libraries or data APIs are involved; the content is hardcoded directly in the markup.

JJMason88

62% match

Loading thumbnail…

HTML Cars Report

This example displays a static, text-based inventory of three Nissan cars with model years and prices. A simple HTML list presents each car entry, with the first item styled in red via the `.highlighted` CSS class. The page uses no JavaScript libraries or interactive APIs, relying solely on plain HTML markup and a separate CSS stylesheet (`styles.css`) to control presentation, including monospace font and enlarged text size. The data is hardcoded directly in the `index.html` file.

VVeena Muralidharan

62% match

Loading thumbnail…

sortable table

This interactive table displays product data with sortable columns for name, price, and stock. Built with React, it uses custom hooks containing `useState` and `useMemo` to manage and calculate sorting logic, toggling between ascending and descending order on click. The header buttons trigger the sort and display directional indicators defined in CSS. D3 is included in the page for potential data manipulation, though the core functionality relies on React state and event handling.

XXiaoyu Su

62% match