@redsift/d3-rs-calendar-chart

0.3.8 • Public • Published

d3-rs-calendar-chart

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

Builds

Circle CI

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

Package Sidebar

Install

npm i @redsift/d3-rs-calendar-chart

Weekly Downloads

3

Version

0.3.8

License

MIT

Last publish

Collaborators

  • sega057
  • alkisredsift
  • kit-314
  • julian.picht
  • massimoparisi
  • sometimesitbetterstepasideandnotusejavascript
  • raul.lorenzo.redsift
  • asaf.lerner
  • luminous_cal
  • notmentat
  • pierredupuis
  • hortega_rs
  • anneshackelford
  • mcolladoredsift
  • redsift_operations
  • rahulpowar
  • randalpinto
  • njaremek
  • earada
  • nascimj
  • neilsaccardo
  • bmayolasredsift