Anybody has an idea how this price graph of the historical data is generated?
http://www.taskrabbit.com/tags/other_pickup_drop_off/in/all
I know that there are some JS libraries like http://raphaeljs.com/ that generate visualizations, but I am not really familiar with JS, so any hints are appreciated since I want to create a similiar visualization.
This website has a static Chart and also they explain some vital jQuery methods that are essential for the displaying of chart and also you can download the code & it shouldn't be tough to customize yourself. I hope this helps
Related
I have been working with Looker for a while and one thing that bothers me the most is the multiple limits to its native-visualization (clustered stacked bar chart unavailable, sunburst chart with limited editing options...).
So, I figured that it is time to learn to develop visualization myself. However, I have very little to no experience handling JavaScript and visualization libraries, thus, my learning plan is as follow:
Learn JavaScript Basics (FreeCodeCamp I guess)
Learn D3.js
Adapt D3.js to Looker visualization API
My question is:
Is this plan logical ? If not, what is your suggestion ?
How long would it take if I put in 2 - 3 hours per day ? Assuming that I have a higher IQ than a monkey
Your logical order of the technologies is correct however there are important technologies missing. You are looking here at aquiring the needed skills to become a frontend developer. This is a big task, that requires a lot of study and practice.
For the basis to build charts with d3.js you at least need HTML and SVG to build the DOM structure of your documents, CSS to style the document for a proper presentation and JavaScript + d3.js for the chart generation.
JavaScript, HTML, SVG and CSS go hand in hand in so it is good to learn and use them together.
I have been looking into the beautiful charts and graphs on http://smartphones.findthebest.com/
I am just curious which framework these guys used. If they created their own, is there any similar opensource framework available for these type of graphs and charts?
Thanks for asking- your question is very flattering. We actually build all our visualizations mostly from scratch, since we don't want to deal with the overhead of external libraries and we have very specific needs. You can learn D3.js and do pretty much anything in terms of visualizations.
Good Luck!
I have JSON data which come from server.
I want to display organization chart in the HTML file in the below format:
CEO
|
|
#Manager #Manager
I am using Dojo. I find this link extremely useful. I want to build exactly the same thing.
I am not able to find required dojo files in there site. So it could be proprietary to IBM.
I tried this link, but I do not find it useful.
Can someone please tell me how should I do it Using dojo or any other frameworks?
you can use Basic Primitives Diagrams
Which has various diagrams and optional format and is also open source,
it's client side JavaScript layout and rendering and no dependencies on 3rd party libraries.
It is also possible to try it online here
You might want to try google org charts . fairly easy to use it think.
I'm glad to offer jquery solution. As for which is the most easy to use, it all depends on your practical trying results.
The following snapshot shows the tree-like hierarchy created by jquery plugin OrgChart
If you have not svg, canvas or flex background, maybe this pure dom solution will be your favorite :)
I am looking for libraries that can render graphs, PRETTY graphs.
I need to both render static images, preferably with python, and also to render them dynamically in the browser. A Canvas solution would be great, flash is acceptable too.
I googled around a little and found python-graph, but the images look quite ugly.
To clarify: I'm talking about graphs (http://en.wikipedia.org/wiki/Graph_theory), not charts.
Check out following:
canviz - Graphviz graphs in JS
pydot - Graphviz for Python
yapgvb - Another alternative for Python
You should be able to use the same graph definition both in Python and JS. I hope those help. :)
Processing.js, a port of the Processing language, is a very powerful JavaScript visualization library that can been used to generate graphs.
You can check out Pydot, though the quality of the graphics might not be up to snuff. What about invoking raphael in your webapp? Not sure if people have done mathematical graphs, but the output certainly looks nice.
We use flot for the Internet Archives Open Library project and it works great. You can see a few of the graphs it's generated on the OpenLibrary front page.
I am looking for a charts library to be displayed on a website. I will use intensively this library (for area, line and bar charts mainly), so I prefer to secure my choice before starting implementing.
The list of website chart libraries that I have initially considered are:
Plotkit
Emprise JS Charts
Sparkline
Protochart
gRaphael
Bluff
YUI Charts:
However after some researches on this forum and investigations on the web, I have reduced my candidate list to these two libraries:
Flot jQuery plugin
Google Visualization
Which one do you advise me to use and why (if you have worked with one or two of them, please tell me your feedback)?
How do they compare one to each other regarding ease of use, performance and features?
Thank you
EDIT: Based-Flash Chart libraries were not eligible with my constraints
I will try to answer my own question after some several tries and researches about these 2 visualization libraries, here are my own list of pros for each solution :
Flot Pros
jQuery plugin : if you are familiar with jQuery (or if your apps is integrated with jQuery), it seems natural to use Flot
Offline visualization : you can test or have it installed into an internal website. Google Visu can only work if you have acces to the google website !!
Customization : this is basically a JavaScript file so if you are good at JS coding, you can customize your charts as your convenience. Also the Flot plugin system allows you better modularity
Google Visualization Pros
Documentation : awesome ! Examples for each type of graphs are available in the Google site
Easy to use : Really. Easier than Flot (that requires to somehow customize the div container)
Powerful : you have many sorts of graphs and features (zooming, interactivity,...)
Java and Python API : it can helps a lot for constructing the Data Table (at least for me, I can use the Java API)
Bottom Line
If you are familiar with jQuery, go with Flot. If you need for some reasons to see your charts offline, go with Flot. If you want full control, go with Flot.
If you don't recognize yourself above, go with Google Visu. It's easy to learn and implement, very well documented and extremely powerful.
Not in your list, but I would recommend you have a look at Highcharts http://www.highcharts.com/
Highcharts is SVG, and as such, it is much more dynamic than Flot, you can restyle graphs with CSS, attach events, perform animations, etc...
It is also compatible with IE6 and it works server-side (thx to Batik)
I'm currently building a graph-intensive application, and chose Highcharts after lots of benchmarkings. I don't regret my choice.
The piwik project uses the Open Flash Chart (not on your list).
It's easy to use, has plenty of working examples very user friendly.
I am a user of Flot, and a big fan. I use it in a Grails application, and use stacked bar, line, and pie charts, including time-series and a bunch of interactive capabilities (i.e. turn off / on series with checkboxes, etc).
I found it to be a pleasure to work with overall, and feel the API is quite well developed (I saw that a bunch of other JS charting libraries adopted the API, so you'll even have some flexibility to move to another kit in the future). From looking at the google API just now for a minute, I think I like flot's better (although google may have ability to pass in a series as well, didn't see it from samples).
They just came out with a new version a few weeks ago (0.6), that supports plugins, which I expect will stimulate more innovation.
So I think part of this depends on other technologies you are planning to use. It seems like Visualization is integrated with GWT, so if you are thinking of using that, Visualization is the way to go. On the other hand, if you are thinking of using JQuery for AJAX, then Flot might be a more natural fit.
When I was making my decision to use this, it seems like Google didn't have interactive visualizations, only google charts (images), which is one of the reasons I went with Flot.
There is jqPlot (http://www.jqplot.com/), an open source project which looks good. Based on jQuery as well. I will give jqPlot a try, jQuery flot seems to be inactive.
Not in your list, but very impressive: ExtJS 4.0 charts