@uiw/react-heat-map
Version:
React component create calendar heatmap to visualize time series data, a la github contribution graph.
24 lines (23 loc) • 405 B
CSS
svg.w-heatmap {
color: #24292e;
-webkit-user-select: none;
user-select: none;
display: block;
}
svg.w-heatmap rect {
display: block;
cursor: pointer;
}
svg.w-heatmap rect:hover {
stroke: rgba(0, 0, 0, 0.14);
stroke-width: 1px;
}
svg.w-heatmap rect:active {
fill: #196127;
stroke-width: 0;
}
svg.w-heatmap text {
text-anchor: middle;
font-size: 9px;
fill: currentColor;
}