Skip to main content
Log in
F

Faisal Akbar

@faisal-akbar·3 public vizzes

Loading thumbnail…

Fork of HTML Starter

This example demonstrates a server-side data grid using AG Grid's server-side row model, which loads data on demand from an AMPS messaging system. The visualization shows how real-time data can be filtered, sorted, and grouped directly within the grid interface, with AMPS SOW queries fetching only the necessary rows and aggregated group headers. The code implements a custom server-side datasource in React that constructs AMPS filter language queries, handles pagination through `topN` and `skip` options, and supports drill-down grouping. It uses the `amps` client library to execute SOW queries, while AG Grid's `rowModelType` handles the interactive table rendering.

Aug 14, 2025
Loading thumbnail…

Fork of HTML Starter

This example presents a minimal web page that displays the text "Hello HTML!" prominently centered using a custom CSS class. The page loads through a simple `index.html` file, which defines the styling and content. The code also includes JavaScript logic for processing data, with functions designed to handle pivoted data arrays, manage row data, and apply filtering through a grid API. The core demonstration shows a basic HTML structure paired with CSS for layout, while the JavaScript and test files indicate potential integration with the AG Grid library for tabular data display.

Mar 27, 2025
Loading thumbnail…

Fork of HTML Starter

This example demonstrates a dynamic stacked bar chart built with React and the Recharts library. It fetches raw data from an API and allows users to toggle between price and quantity metrics, as well as filter to display either all funding groups or only the top ten by total value. The chart groups data by funding and aggregates values by line of business, generating bars dynamically for each category with random colors. The visualization uses Recharts' `BarChart`, `Bar`, `XAxis`, `YAxis`, `Tooltip`, and `Legend` components, with a custom tick formatter that converts large numbers into millions for improved readability.

Mar 5, 2025