-
about 4 min
Treemap of Disk Usage by Folder
Bind a treemap to a grid of folders: tile size is bytes, branches are age bands, so stale space stands out. Filter the rows to redraw the chart.
-
about 5 min
Sunburst Chart of Spend by Department
Bind a sunburst chart to a grid of spend by department, cost centre and vendor: three rings in one chart, and filtering the rows redraws them.
-
about 5 min
Donut Chart of Budget Used Against Remaining
Bind a donut chart to a grid of budget lines: show spend by category with the remaining budget in the centre, and filter the rows to redraw both.
-
about 4 min
Pie Chart of Revenue Share by Channel
Bind a pie chart to a grid of revenue by channel: show each channel as a share of the quarter, and filter the rows to redraw the slices.
-
about 5 min
Heatmap of Sign-ups by Hour and Weekday
Bind a heatmap to a grid of sign-ups: shade every weekday and hour by volume to time a campaign send, and filter the rows to redraw it.
-
about 4 min
Violin Chart of Salary Bands by Level
Bind a violin chart to a grid of salaries: see the shape of pay at each level, including two bands inside one, and filter the rows to redraw it.
-
about 5 min
Ridgeline Chart of Hourly Demand by Weekday
Bind a ridgeline chart to a grid of store orders: stack each weekday by hour to see how Saturday differs from Tuesday, and filter to redraw it.
-
about 4 min
Box Plot for Delivery Times by Carrier
A JavaScript box plot bound to a data grid, comparing delivery days per carrier with the outliers that drive complaints. Live, with code.
-
about 5 min
Histogram of API Response Times
Bind a histogram to a grid of API response times, one row per request: see the long tail an average hides, and filter by endpoint to redraw it.
-
about 4 min
Pareto Chart for Defect Causes
A JavaScript Pareto chart bound to a data grid, ranking defect causes by count with a cumulative share line. Live, with code.
-
about 5 min
Combo Chart: Orders and Average Order Value
Bind a combo chart to a grid of monthly orders and average order value: bars on one axis, a line on the second. Filter the rows and it redraws.
-
about 5 min
Population Pyramid for Customer Age by Plan
A JavaScript population pyramid bound to a data grid, with customers per age band split men and women back to back, per plan. Live, with code.
-
about 5 min
Bullet Chart for KPI Targets by Region
Bind a bullet chart to a grid of regions with revenue, target and poor, fair, good bands. Filter the rows and it redraws. JavaScript and React code.
-
about 5 min
Floating Bar Chart for Shift Coverage
A JavaScript floating bar chart bound to a data grid, with each shift drawn from start hour to end hour per team, so gaps show. Live, with code.
-
about 5 min
Bubble Chart for Campaign Reach and Cost
Bind a bubble chart to a grid of campaigns by reach, cost and leads. Filter the rows and the bubbles redraw. Paste-ready JavaScript and React.
-
about 4 min
Scatter Chart for Price Against Conversion
A JavaScript scatter chart bound to a data grid, with list price against conversion rate per SKU and a filter that redraws the points. Live, with code.
-
about 4 min
Waterfall Chart for a Gross to Net Bridge
Bind a waterfall chart to a grid of gross-to-net steps by region. Filter the rows and the bridge redraws. Paste-ready JavaScript and React.
-
about 4 min
Bar Chart for Tickets by Support Queue
A JavaScript bar chart bound to a data grid, with open tickets per support queue split by priority and a filter that redraws the bars. Live, with code.
-
about 4 min
Area Chart for Stacked Cloud Spend
Bind a stacked area chart to a grid of weekly cloud spend per service. Filter the rows and it redraws. Paste-ready JavaScript and React listings.
-
about 4 min
Line Chart for a Monthly Revenue Trend
A JavaScript line chart bound to a data grid, with twelve months of revenue per product line and a filter that redraws the lines. Live, with code.
-
about 11 min
Chart a Derived Grid: Source and Derived Data, One Chart
Bind a chart to a derived grid and it follows the parent live. Union the source grid with the derived one and a single chart overlays both, on one chart or two axes.
-
about 4 min
Filter and Map Location Data in a JavaScript Grid
Give a table column a real shape, filter it by box, polygon or distance, draw it on a map, and read it from a GeoParquet file without loading more than the page in view.
-
about 2 min
Lattice Grid 1.74: one dark switch, many values in a cell, deck.gl
One theme switch reaching a whole dashboard, a list column type for many filterable values in one cell, deck.gl as a grid viewer, and volume in the candlestick pane.
-
about 3 min
Lattice Grid 1.73: shapes in a column, and maps that ask the engine
A geometry column type with four spatial filters, GeoParquet read straight into DuckDB in the browser, a choropleth chart, and maps whose pan and zoom become a filter on the grid.