Giter Club home page Giter Club logo

barchartrace's Introduction

barchartrace

Online bar chart race generator : https://fabdevgit.github.io/barchartrace/

Accepted csv formats

input data should be in a csv file. Dates should be 'YYYY-MM-DD'

Option 1 : one row per date (ordered) and one column per contender.

Date Name1 Name2
2018-01-01 1 1
2018-02-01 2 3
2018-03-01 4 7

Option 2 : one row per contender and per date (row order doesn't matter)

Date Name Value
2018-01-01 Name1 1
2018-01-01 Name2 3
2018-02-01 Name1 2
2018-02-01 Name2 3
2018-03-01 Name1 4
2018-03-01 Name2 7

Screenshot

screnshot

barchartrace's People

Contributors

lluke-h avatar lucasberbesson avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

barchartrace's Issues

Pause / resume feature

This looks really nice. Having a pause / resume feature and perhaps a manual horizontal scroll would make it even more awesome.

Date is not recognized if the name of contenders are 1, 2, 3, 4...

Also the data of the first contender is NaN instead of the actual values.

Test data:

Date,1,2,3,4,5,6,7,8,9,10
2018-01-01,356571,200000,148812,282950,146800,0,0,236220,276240,235000
2018-02-01,680817,376000,278097,514514,281400,0,0,442620,511054,491128
2018-03-01,1060706,576000,374539,788607,431548,0,0,693736,790960,823862
2018-04-01,1475064,776000,526819,1044651,585139,0,0,974474,1035365,1146174
2018-05-01,1858486,976000,644084,1324949,732623,199752,0,1223204,1270151,1443687
2018-06-01,2179787,1176000,644084,1564074,876950,406392,0,1466649,1546663,1779960
2018-07-01,2485911,1320545,644084,1759886,1018722,549400,0,1716715,1757216,2019252
2018-08-01,2825291,1366000,644084,2006742,1167140,549400,0,2067127,1981226,2333057
2018-09-01,3189803,1566000,644084,2284741,1305079,549400,0,2303597,2135047,2719325
2018-10-01,3580317,1766000,644084,2583908,1447849,549400,0,2584959,2135047,3124031
2018-11-01,3976072,1966000,644084,2885291,1605398,549400,0,2871240,2135047,3458099
2018-12-01,4358559,2166000,644084,3126639,1760228,549400,0,3135072,2135047,3883402
2019-01-01,4703471,2382000,644084,3378029,1920854,549400,0,3382411,2135047,4239580
2019-02-01,5081583,2598000,644084,3596227,2093284,549400,0,3595153,2135047,4561052
2019-03-01,5430241,2814000,644084,3860056,2256316,549400,0,3863290,2135047,4934110
2019-04-01,5842354,3030000,644084,4133732,2446316,549400,0,4169418,2135047,5278705
2019-05-01,6226703,3246000,644084,4413451,2632240,549400,0,4497378,2135047,5662022
2019-06-01,6541221,3462000,644084,4680637,2807180,549400,0,4804993,2135047,6127682
2019-07-01,6919822,3678000,644084,4910486,2983230,549400,0,5120731,2135047,6418820
2019-08-01,7336377,3894000,644084,5149679,3182918,549400,0,5471758,2135047,6801432
2019-09-01,7660322,4110000,644084,5355433,3182918,549400,0,5692514,2135047,7172860
2019-10-01,8015336,4326000,644084,5624158,3182918,549400,0,6002870,2135047,7496758
2019-11-01,8457228,4542000,644084,5875209,3182918,549400,0,6302002,2135047,7748815
2019-12-01,8874913,4722360,644084,6118315,3182918,549400,0,6591560,2135047,8166499
2020-01-01,9244159,4956360,644084,6391407,3182918,549400,0,6851746,2135047,8591354
2020-02-01,9622089,5155260,644084,6621703,3182918,549400,0,6973735,2135047,9077383
2020-03-01,10050052,5320123,644084,6825031,3182918,549400,0,7290940,2135047,9533800
2020-04-01,10460080,5554123,644084,7144423,3182918,549400,0,7668510,2135047,9957210
2020-05-01,10856719,5788123,644084,7420325,3182918,549400,0,8040014,2135047,10405858
2020-06-01,11212586,6022123,644084,7681055,3182918,549400,0,8319122,2135047,10811132
2020-07-01,11572471,6022123,644084,7971803,3182918,549400,0,8602997,2135047,11230011
2020-08-01,11955988,6022123,644084,8231167,3182918,549400,0,8944264,2135047,11718115
2020-09-01,12288263,6022123,644084,8454081,3182918,549400,0,9206988,2135047,12036893
2020-10-01,12734161,6022123,644084,8796298,3182918,549400,0,9556875,2135047,12521121
2020-11-01,13248407,6022123,644084,9162760,3182918,549400,0,9966231,2135047,13017585
2020-12-01,13745923,6139123,644084,9530410,3182918,549400,0,10402986,2135047,13428460

Changing the first line to Date,a,b,q,w,e,r,t,z,u,i fixes this problem but introduces another one. But that's for another ticket.

What happens to my data?

There should be a note on the webpage as to what is going to happen to my data that I upload.
Is it safe to upload sensitive data?

Chart Labels are clipped

Labels are clipped when the values are small. Is it possible to have an option to either a) NOT clip the labels within the rectangle, or b) to display the labels to the left of the vertical axis?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.