I am working on a web visualization project and would like to use the JavaScript InfoVis Toolkit to create interactive graphs quickly in webpages. However, I have no idea how to start using it or even where to look for clues. The google group seems like it is mostly high level stuff, but I applied for membership and am waiting on a response.
What do I need to know in order to start using this toolkit, or more generally, any toolkit?
Website;
http://thejit.org/
Download the source code and look in the examples page, my advise is too open the results with FireBug and look at the example javascript code ;)
It's very easy to setup, you just need to change the "data" JSON and you'r all set ;)
Related
I'm reaching out for some advice on the best API/code library to use to build an interactive timeline/chart. I have included an example image below. The idea would be that you have a key, and clickable elements along a path/line that pop up/out when interacted with.
I have a lot of experience with Google Maps API, but this is quite clearly something a little different. Would you suggest ChartJS? Or something else? Just trying to get some background/research.
Do let me know if posting this on SO was the wrong thing to do.
Take a look at D3J or Dojo. They are both JavaScript libraries for data-driven and data-centric front-end applications.
Can anyone suggest an existing Javascript / JQuery based Analytics plugin? I spent some time searching but cannot find a quick one.
It may works like getting feed with data from external and providing basic charts to web containing element, like distribution, average, correlation of 2 data arrays, etc. Thx.
If you're just looking for something lightweight, you might want to check out Chartist JS. It doesn't have all of the bells and whistles of some other plugins, but it's quick to get up and running. There are even wrappers for integration with libraries/frameworks like Angular & WordPress.
For something more robust, check out Highcharts or D3, or something built on top of D3 like nvd3.
I'm creating a single page javascript webapp. If I want to make an app like this:
What is an ui package that could get me closest there?
Look into Ext-JS. It should be possible to desing the above webpage using it. Although its basically javascript but involves a not-ignorable learning curve. Though nowadays, they provide an awsesome documentation and you can get many basic examples on the web.
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'd like to build a proof-of-concept web-based database manager (such as the desktop version in the screenshot below) that has the following features.
The schema will be provided initially through a flat file.
It seems like HTML5 might be an option. What about non-HTML? What about processing.js? Are there any libraries I could/should take advantage? Is there already a service I can tap into?
Any opinions or advice would be appreciated!
Edit
Primary goal of the project is the build a protoype of the UI.
For the events that you will need to control everything, I would suggest using jQuery. It can cut you javascript in half. Canvas/SVG would be easy enough to use to create the diagram above (could even pull it off in straight html using some creative css and a judicious application of div's). I've never used flash but I also don't see anything in your image here that couldn't be done in Canvas/SVG. If you do go with Canvas you will want to look into using a lib called ex_canvas which will make it all work fairly nicely on IE (my company has some canvas items that work in IE6 using ex_canvas). Also you will want to look at css-sprites (in case you haven't heard of them before) as they can aid in the load performance of your page.
I've decided to use http://raphaeljs.com for the project. This SVG library supports older browsers and given this application is highly interactive with the user, it makes sense for me in this project to use SVG over Canvas.