BlockDex

Components

Registries

Free blocks

Method

BlockDex

Components

Registries

Free blocks

Method

Open API

BlockDex

Components

Registries

Free blocks

Method

Open API

Components/bklit-ui/stat-card-choropleth-01-example

Stat Card Choropleth Example

bklit-ui/stat-card-choropleth-01-example
FreeExample

Visitor map stat card with choropleth sparkline, NumberFlow, and trend badge — demo for Open in v0

Install it

npx shadcn@latest add https://bklit.com/r/stat-card-choropleth-01-example.json

Source

registry/examples/stat-card-choropleth-01.tsxbklit.com/r/stat-card-choropleth-01-example.json
1"use client";
2
3import { StatCardChoropleth } from "@/components/stat-card-choropleth";
4
5export default function Component() {
6 return (
7 <main className="flex min-h-svh w-full items-center justify-center p-6 md:p-10">
8 <div className="w-full max-w-3xl">
9 <StatCardChoropleth />
10 </div>
11 </main>
12 );
13}

What it pulls in

npm packages

  • @number-flow/react
  • @types/geojson
  • @types/topojson-specification
  • @central-icons-react/all
  • topojson-client

Other registry items

  • @bklit/stat-card-choropleth-01

Files it writes

  • registry/examples/stat-card-choropleth-01.tsx
  • registry/examples/stat-card-choropleth-01-index.ts

Facts

Registry
bklit-ui
Type
registry:example
Access
Free
Files written
2
Licence
MIT
First indexed
2026-08-03
Last confirmed
yesterday

Go to the source

bklit.com bklit/bklit-ui on GitHub Raw registry item This item as JSON

More from bklit-ui

All 56 items
Same registry, same kind — the ones you would have found next
ComponentRegistryKindAccessInstallsCommand
Area Chart Examplearea-chart-examplebklit-uiExamplesFree3 deps · 2 files
Bar Chart Examplebar-chart-examplebklit-uiExamplesFree4 deps · 2 files
Candlestick Chart Examplecandlestick-chart-examplebklit-uiExamplesFree2 deps · 2 files
Choropleth Chart Examplechoropleth-chart-examplebklit-uiExamplesFree3 deps · 2 files
Composed Chart Examplecomposed-chart-examplebklit-uiExamplesFree3 deps · 2 files
Funnel Chart Examplefunnel-chart-examplebklit-uiExamplesFree2 deps · 2 files
Gauge Chart Examplegauge-chart-examplebklit-uiExamplesFree2 deps · 2 files
Heatmap Chart Exampleheatmap-chart-examplebklit-uiExamplesFree3 deps · 2 files
BlockDex

Built by

Kynth Studio

Index

Components
Registries
Method
Open API

Guides

shadcn component libraries
Best shadcn registries
Free shadcn blocks

Reference

Corpus counts
Crawl health
hello@kynth.studio
Privacy
Terms

BlockDex

BlockDex

Built by

Kynth Studio

Index

Components
Registries
Method
Open API

Guides

shadcn component libraries
Best shadcn registries
Free shadcn blocks

Reference

Corpus counts
Crawl health
hello@kynth.studio
Privacy
Terms

BlockDex

BlockDex

Built by

Kynth Studio

Index

Components
Registries
Method
Open API

Guides

shadcn component libraries
Best shadcn registries
Free shadcn blocks

Reference

Corpus counts
Crawl health
hello@kynth.studio
Privacy
Terms

BlockDex