Nonstop Pet Mewing

    @stamen/chartslider

    0.2.0 • Public • Published

    ChartSlider

    An interactive overlay that can be applied over other charts, that enables selection along the x-axis.

    Part of the @stamen/panorama toolkit.

    Usage

    import React from 'react';
    import ReactDOM from 'react-dom';
    import { ChartSlider } from '@panorama/toolkit';
    
    let chartSliderConfig = {
      width: 600,
      height: 200,
    
      // Optionally specify custom margins
      margin: { top: 10, right: 10, bottom: 10, left: 10 },
    
      // Optionally specify a custom scale
      scale: d3.scale.linear()
        .domain([minValue, maxValue]),
    
      selectedValue: currentValue,
      onClickOrMove: this.onValueSelected
    };
    
    ReactDOM.render(<ChartSlider {...chartSliderConfig}/>, document.body);

    Keywords

    none

    Install

    npm i @stamen/chartslider

    DownloadsWeekly Downloads

    2

    Version

    0.2.0

    License

    ISC

    Last publish

    Collaborators

    • ericsoco
    • mojodna
    • stamen