displaying org charts in meteor js app - javascript

I have seen some options but I haven't tried trying thoroughly. But have you tried to generate an organizational chart in a meteor js app? If yes what libraries or packages did you use?
There are options to use chart js, but this does not include the org chart capability. My best bet is to use google charts but I'm still not 100% sure how I can make it work with meteor js.

Related

convert c3 config into apex config

I have a website which is heavily invested in C3. We have lots and lots of chart configurations and alot of APIs which have been built in order to return C3 configuration to drive these charts. We want to move towards Apex charts and was wondering if there was any sort of 'dirty solution' for converting c3 charts config into apex charts config?
I am well aware of moving to Apex and rebuilding the configs would be the most suitable solution, just looking for something as a temp solution to delivery apex charts while we migrate configs in the background?
Tried googling for an NPM solution but couldn't find anything

Electron, D3.js and Angular. Need to create an offline chart application

I've been tasked at work to create a charting application that will function offline. I've been thrown into the fire with this one as I'm a junior dev and ill be doing this by myself.
I've been trying to research the best way to get this done and I'm thinking Electron is the best for the offline functionality and d3.js for the charts. I wanted to use Angular for the work experience.
Before I begin developing this, I wanted to test and see if this made any sense. I found this repo and tried publishing it with Electron.
https://github.com/datencia/d3js-angular-examples
None of the charts show up however.
So I'm sort of in a rough place because there's no one at work I can ask about this. Does this stack make sense? Can I use D3.js offline with Electron?
Thanks for any feedback.

Creating different charts (especially pi charts) using antdesign in a React app?

In my first ever react app, I'm using ant.design as front-end library. Now I need to create different sort of graphs especially pie charts in my app. So I explored components of ant.design but didn't get any good option in this regard.
Is that possible to create charts/graphs especially pie chart using any of antdesign component? If not then what is the best suited solution in this regard?
If you want to stick with the Ant team there is AntV which is very capable, but does not have React components and (like Ant.Design 6 months ago) only has Chinese documentation. Browsing the docs using Chrome auto-translate works very well, however.
Then there are many JS charting packages with React wrappers:
https://github.com/fraserxu/react-chartist
https://github.com/reactjs/react-chartjs
http://www.fusioncharts.com/react-charts/#/demos/ex1
...etc.
For a more light-weight React-first solution go with
https://github.com/recharts/recharts
https://github.com/fundkis/reactchart

Conflicting Javascript libraries with Fusion Charts and JQWidgets

So at work, I've been tasked with using two Javascript libraries (Fusion Charts and JQWidgets) to build a couple of web apps.
With Fusion charts, you have the ability to render charts in Flash or in Javascript. Our app updates the charts based on certain criteria through AJAX calls and all is fine when the charts are rendered in Flash. However, when rendering it Javascript, when the update method is called for the JQWidgets Grid component, it throws an error in one of the Fusion Charts included files.
I've chalked this up to conflicting method names in the respective libraries. After searching their forums, one of the moderators suggested re-writing the libraries "hooks." I am not a JS pro, and have no idea what that would entail. And if I'd even be capable of doing something like this. I was wondering if anyone had a similar experience, or could offer some advice.
Thank you in advance.
Trying changing the order of the .js file inclusion. Put first the one that it's currently below and vice-versa.

JavaScript Charts API: Flot jQuery Plugin OR Google Visualization?

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

Categories

Resources