pbeshai

license: mit
height: 540
border: no

pbeshai

license: mit
height: 320
border: no

pbeshai

license: mit
height: 620
border: no

pbeshai

license: mit
height: 500
border: no

pbeshai

/**
 * Helper function to compute the contiguous segments of the data
 * 
 * Derived from https://github.com/pbeshai/d3-line-chunked/blob/master/src/lineChunked.js
 * 
 * @param {Array} lineData the line data
 * @param {Function} defined function that takes a data point and returns true if
 *    it is defined, false otherwise
 * @param {Function} isNext function that takes the previous data point and the
 *    current one and returns true if the current point is the expected one to

pbeshai

import React, { Component, PropTypes } from 'react';
import PureRenderMixin from 'react-addons-pure-render-mixin';
import vg from 'vega';

class RadialHeatmap extends Component {
  constructor(props) {
    super(props);
    this.state = {
      vis: null
    };

pbeshai

import React, { Component, PropTypes } from 'react';
import PureRenderMixin from 'react-addons-pure-render-mixin';
import vg from 'vega';

class LineChart extends Component {
  constructor(props) {
    super(props);
    this.state = {
      vis: null
    };

pbeshai

import React, { Component, PropTypes } from 'react';
import PureRenderMixin from 'react-addons-pure-render-mixin';
import vg from 'vega';

class LineChart extends Component {
  constructor(props) {
    super(props);
    this.state = {
      vis: null
    };

pbeshai

import React, { Component, PropTypes } from 'react';
import PureRenderMixin from 'react-addons-pure-render-mixin';
import vg from 'vega';

class LineChart extends Component {
  constructor(props) {
    super(props);
    this.state = {
      vis: null
    };

pbeshai

.radial-heatmap circle.highlight {
  stroke: #FA7F9F;
}