alixedi / gitdash Goto Github PK
View Code? Open in Web Editor NEWGitHub hosted dashboards.
Home Page: http://alixedi.github.io/gitdash
License: MIT License
GitHub hosted dashboards.
Home Page: http://alixedi.github.io/gitdash
License: MIT License
Seriously, this one is pretty crap. No numbers to add. Nothing exciting.
I showed this to my wife and she didn't know that she could drag the labels around.
I think the concept of pivot tables can also be better explained - by demonstration.
There are tools for this. For instance: http://bootstraptour.com/
As easy as pasting comma separated values in an input/Text box while in DataView Mode and pressing the button "AnalyzeThis" to see the visualizations. All Client End.
Example:
http://davidguttman.github.io/react-pivot/
Client Side Data can also be achieved by github's new feature of Drag and Drop any file easily to your repo and BAM! , you can analyze your data with a click of button!
Checkout how easy it is now to upload a file. An amateur with little knowledge of github interface can do it:
https://github.com/blog/2105-upload-files-to-your-repositories
We should have a clear guide for developers on how to contribute to the project. This should detail how to set-up jekyll
for local development as well as any guidelines wrt pull requests.
So I have used a pretty small font overall to save on screen area.
The select boxes however are still fat.
We need this.
We should have support for sharing as PNG.
http://stackoverflow.com/questions/3975499/convert-svg-to-image-jpeg-png-etc-in-the-browser
At this moment, if you share a URL, it will not set up the pivot properly - specifically, the rows, columns and value drop areas will not get populated like they are supposed to.
Drilldowns are interesting. They might work as a filter (?)
For instance, consider this data:
Category, Thing
Animal, Cat
Animal, Dog,
Fruit, Apple
Fruit, Orange
Animal, Horse
Pivoting by category, we get 2 bar charts - side by side - One of them titled "Animal", the other titled "Fruit". If we click on "Animal", it naturally should mean that we would like more on "Animal" and so in the next screen, you basically only see the data that has "Animal" as a category.
The following is a good-ish example although, if you look at the code, the data is laid out hierarchically - which in my opinion is not necessary.
So, right now if you look at our example data, you will notice 3 parties called "Democratic". This is because of leading and trailing whitespaces.
The solution should be simple - make sure each cell of the CSV goes through a trim()
.
We should allow people to put in a Google Analytics ID in the _conf.yml
file.
The original pivottable had filters: https://jsfiddle.net/nicolaskruchten/w86bgq9o/
Myself and @alirazabhayani did not include filters in Dripl because we did not know how to represent them in the querystring.
Now, I have an interesting idea: What if we only do filters for classifier
fields. I define classifiers
as following:
is_classifier = lambda data: len(set(data)) < len(data)/20
IPE: For data with 100 records, a classifier is a field that has less than (for instance) 20 unique values.
This means that in our example POTUS data, fields titled "Party" and "Home State" are classifiers -http://bit.ly/1QWf4IG and http://bit.ly/1RqGIQa.
There is absolutely no need to have filters or indeed any pivot-table functionality for non-classifiers. What is the point of filtering a given president (only) from the dataset? E.g. http://bit.ly/20M3vfs
So in the step when we tell the user to filter Took office [Months]
, the onboarding popup disappears and never re-appears.
So in charts, there is no need for:
Bring back pie chart.
In aggregation functions, get rid of:
Without tests, any and every change can potentially break the thing.
http://orizens.com/wp/topics/first-steps-in-setting-up-travis-ci-to-your-javascript-project/
This is an opportunity for self-promotion of sorts.
What should we put in there that makes sense?
At the moment, we are referencing pivot.js
and jquery.parse.js
locally.
Both of these libraries are available via CDN. We should use it.
technical debt
. Only to be replaced when the rest of the stuff is up to scratch.It would be really nice to have images showing every single step and what needs to be done.
If we have a date column called Birthday
e.g. 04 Jan 1989, we should expand it into 3 columns: Birthday Year
, Birthday Month
and Birthday
itself.
We can ask our user which columns to expand and by how many using _config.yml
.
This should allow us to do queries like - How many *** were born in 1989?
Cant have enough of these! Lets have a few in the footer:
We really should have a pie chart.
Before we have filters, we need a filter UI.
See this for ideas: https://jsfiddle.net/nicolaskruchten/gq6w05j8/
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.