🪶 Zero dependencies📡 Fetches live from GitHub🇮🇳 All 36 states📅 2018 – 2023MIT License
Quick Start
Two ways to use pulsekit.js — no npm, no build step required.
🌐Via CDN (recommended)
<!-- 1. Add the script --><scriptsrc="https://cdn.jsdelivr.net/gh/gorupa/pulsekit.js/pulsekit.js"></script><!-- 2. Add a container --><divid="chart"></div><!-- 3. Call the component --><script>PulseKit.CategoryChart('#chart', {
state: 'delhi',
year: 2023,
quarter: 1
});
</script>
📦Self-hosted
# Download the file
curl -O https://raw.githubusercontent.com/
gorupa/pulsekit.js/main/pulsekit.js
# Then in your HTML<scriptsrc="pulsekit.js"></script><script>PulseKit.GrowthChart('#el', {
state: 'maharashtra',
metric: 'count'
});
</script>
Live Demo
All charts fetch real data from the PhonePe Pulse GitHub repo.
Options
Code
API Reference
Three components, consistent options.
📊PulseKit.CategoryChart(selector, options)
Horizontal bar chart showing transaction categories for a state in a given quarter.
Option
Type
Default
Description
state
string
'delhi'
State slug e.g. 'maharashtra'
year
number
2023
2018 – 2023
quarter
number
1
1, 2, 3 or 4
metric
string
'count'
'count' or 'amount'
📈PulseKit.GrowthChart(selector, options)
Line chart showing transaction growth across all available quarters for a state.
Option
Type
Default
Description
state
string
'delhi'
State slug
metric
string
'count'
'count' or 'amount'
🏆PulseKit.StateRanking(selector, options)
Ranked bar chart comparing all Indian states for a given quarter.