Bitting
A reusable library of charts and controls for Blazor applications.
I built this solo, including the architecture, components, and documentation.
Public chart components in the pinned package, verified against its assembly.
| Family | Components |
|---|---|
| Charts | 20 |
| Primitives | 14 |
| Drop downs | 8 |
| Headers | 8 |
| 20 more families | 49 |
Read All Chart Data
These tables contain the release and family measurements used by the charts. Distance is the family’s parameters per component minus the package average, rounded to one decimal.
| Release | Components |
|---|---|
| ci.8 | 82 |
| ci.11 | 87 |
| ci.28 | 90 |
| ci.30 | 90 |
| ci.44 | 93 |
| ci.45 | 98 |
| ci.67 | 98 |
| ci.71 | 98 |
| ci.73 | 99 |
| Family | Components | Parameters | Parameters per Component | Difference from Average |
|---|---|---|---|---|
| Charts | 20 | 289 | 14.5 | +4.6 |
| Primitives | 14 | 104 | 7.4 | -2.4 |
| Drop downs | 8 | 83 | 10.4 | +0.6 |
| Headers | 8 | 66 | 8.3 | -1.6 |
| Pill buttons | 8 | 100 | 12.5 | +2.7 |
| Tables | 6 | 55 | 9.2 | -0.6 |
| Tiles | 5 | 56 | 11.2 | +1.4 |
| Rainbow | 4 | 38 | 9.5 | -0.3 |
| Tooltips | 4 | 27 | 6.8 | -3.1 |
| Filter tools | 3 | 15 | 5.0 | -4.8 |
| Navigation | 3 | 12 | 4.0 | -5.8 |
| Feedback | 2 | 15 | 7.5 | -2.3 |
| Filters toolbar | 2 | 14 | 7.0 | -2.8 |
| Icon lockups | 2 | 17 | 8.5 | -1.3 |
| Branding | 1 | 6 | 6.0 | -3.8 |
| Date range | 1 | 16 | 16.0 | +6.2 |
| Guidance | 1 | 12 | 12.0 | +2.2 |
| Inputs | 1 | 7 | 7.0 | -2.8 |
| Number input | 1 | 6 | 6.0 | -3.8 |
| Text input | 1 | 6 | 6.0 | -3.8 |
| Printing | 1 | 1 | 1.0 | -8.8 |
| Slider | 1 | 17 | 17.0 | +7.2 |
| Step strip | 1 | 5 | 5.0 | -4.8 |
| Support field | 1 | 4 | 4.0 | -5.8 |
Bitting is a Blazor component library for analytical interfaces. It supplies the charts, tables, filters, and controls used on this site. I extracted it from a production analytics application after those patterns had earned their place.
A shared scale sets type, icons, and spacing. Color tokens and typed component inputs let a product apply its own theme. Changes to a shared control reach its consumers through the package, rather than separate copies of its markup.
The charts and tables above use Bitting to describe its own package. Open Read All Chart Data for the complete measurements. The portfolio shows the same component vocabulary in different project themes.
I check the package in independent Blazor Server and WebAssembly applications before a site upgrades. Each consumer has to use the published components and their supported APIs.
A product can apply its own brand while Bitting owns the shared controls and charts. The examples on this page use the same package as the rest of Centaur7.