@redsift/d3-rs-calendar-chart

d3-rs-calendar-chart

d3-rs-calendar-chart easily generate a single character icon.

Builds

Example

View @redsift/d3-rs-calendar-chart on Codepen

Usage

Browser

<script src="//static.redsift.io/reusable/d3-rs-calendar-chart/latest/d3-rs-calendar-chart.umd-es2015.min.js"></script>
<script>
	var chart = d3_rs_calendar_chart.html().lastWeeks(12);
	...
</script>

ES6

import { chart } from "@redsift/d3-rs-calendar-chart";
let eml = chart.html();
...

Require

var chart = require("@redsift/d3-rs-calendar-chart");
var eml = chart.html();
...

Parameters

Name	Description	Transition
classed	SVG custom class	N
width	Width of the calendar	Y
height	Height of the calendar	Y
scale	Scale of the calendar	Y
lastWeeks	Number of weeks in the past from now	Y
nextWeeks	Number of weeks in the future from now	Y
colours	Colour palette for the data. Expected values green|blue|purple, or an array of RGB values e.g. ['#b0e288', ... ] preferably length >= 5	Y