Nachos Pillage Milwaukee
    Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

    stepify-plotlypublic

    stepify-plotly

    Build Status

    As of July 2016 this is useful to convert line charts into step charts in Plotly[tm].

    Problem

    You have this data:

    x = [1,2,3,4,5];
    y = [2,4,6,8,10];
    

    but you want a stairstep plot:

     
     |          ___
     |          |
     |      ____|
     |      |    
     |   ___|
     |   |
     |___|
     |______________
    

    not the straight line that Plotly.newPlot('outdiv',{x:x, y:y, mode:'line', type:'scatter'},{}) produces

    Staircase Plot Solution

    Alters the x and y data to produce a staircase effect. It makes a copy first with Array.slice() so as not to pollute the original array.

    var stepify = require('stepify-plotly');
    var trace = {x:x, y:y, mode:'lines', type:'scatter', steps:1};  // stepify looks for steps:1, alters the data, deletes steps:1
    Plotly.newPlot('outdiv', stepify(trace), {});
    

    Safe for regular line plots too

    If trace.step is falsy, it is deleted and the plot data is unaltered. If trace.step is absent, trace is passed unaltered.

    Copyright

    Copyright 2016 Paul Brewer, Economic and Financial Technology Consulting LLC

    License

    The MIT License

    Trademarks

    • Plotly[tm] is a trademark of Plotly, Inc.

    • stepify-plotly is not an official product of Plotly, Inc., but our 3rd party open source contribution.

    • stepify-plotly is not part of a similarly named npm project called stepify, whatever that may be.

    install

    npm i stepify-plotly

    Downloadslast 7 days

    6

    version

    1.0.6

    license

    MIT

    repository

    github.com

    last publish

    collaborators

    • avatar