Junepp

@Junepp·4 public vizzes

Fork of Fork of D3 Starter

This example combines D3 version 6 with React 17 to render an interactive HTML table from a CSV file of COVID hospital bed statuses. The code uses `d3.text` and `d3.csvParseRows` to fetch and parse the data, then builds a table with `d3.select` and `.append`. jQuery DataTables enhances the table with sorting and pagination. A React component renders a simple car-selection dropdown above the table, demonstrating how to integrate D3-generated elements with a React UI.

May 31, 2021

Loading thumbnail…

Untitled

This example demonstrates an interactive data table with filtering, sorting, and pagination controls, showing country-level economic indicators such as population, exchange rates, and GDP. Built with the TableFilter library, it provides dropdown selectors for country, ISO code, and year, along with custom numeric range filters and column-specific sorting. The table includes features like row counters, reset buttons, highlighted active columns, and keyword highlighting, all styled with custom CSS. Data is embedded directly in the HTML table structure, and TableFilter handles the client-side filtering and interaction logic.

May 27, 2021

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.

May 27, 2021

Loading thumbnail…

first html

This example demonstrates the foundational structure of a web page that integrates HTML, CSS, and JavaScript. It renders a heading with styled text and displays a static message, while the script logs a greeting to the browser console using the JavaScript `console.log` API. The page also triggers an alert dialog through the `alert` function from the linked `java.js` file. This serves as a minimal starting point for building interactive web visualizations.

Apr 12, 2021