fabdevgit / barchartrace Goto Github PK
View Code? Open in Web Editor NEWBar chart race online editor
Home Page: https://fabdevgit.github.io/barchartrace/
License: MIT License
Bar chart race online editor
Home Page: https://fabdevgit.github.io/barchartrace/
License: MIT License
Need horizontal scroll and fix mesuring axis values
This looks really nice. Having a pause / resume feature and perhaps a manual horizontal scroll would make it even more awesome.
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?
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.
The vue.js is included twice. This seems wrong?
Line 223 in 4837c72
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?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.