I'm looking for preferably javascript (but flash would do too) charting library which would be able to render time series as line chart and then allow to drag points in chart to change the underlying data.
I was said that Excel can do exactly the same thing, but I need it on web. No well-known charting library like Highcharts, amCharts, GoogleCharts or dygraphs cand apparently do that - I found some draggable graphs solutions like WireIt or http://radokirov.com/js-graph-editor/ but these are nodes and edges types of graphs not really-usable for chart drawing.
Do you know any ready for use solution to this problem? I don't care whether it's opensource or commercial.
Late response; I might help future visitors, though.
I'm looking for something similar. try: http://www.jqplot.com/deploy/dist/examples/customHighlighterCursorTrendline.html
Some other options (hopefully helpful to future visitors):
FusionCharts: https://www.fusioncharts.com/charts/visually-editable-charts/editable-line-chart
Chart.js (plugin): https://github.com/chrispahm/chartjs-plugin-dragData
Related
Our university has had an agency create a very pretty printed map* for a special purpose.
In the early stages of the project, I suggested that they make the map in true proportions, and in vector format, so that a digital version might be more easily made in future. The future is looming, and it's looking like I'm going to have to come up with something!
I've begun toying with ways of doing this. One option is to make a suitable base layer and add the buildings as individual svg files - it sounds like a LOT of work.
I wondered if anyone had suggestions about how I should approach this. Is mapbox even the right tool?
* apparently, I don't have the 'reputation' required to embed an image!
There have been a number of impressive cartonish and artistically stylized maps made with Mapbox GL JS and Mapbox Studio Classic.
https://www.mapbox.com/blog/pencil-drawn-style/
http://dessine-moi-une-ville.makina-corpus.net/#15/43.5933/1.4514
http://a.tiles.mapbox.com/v3/aj.Sketchy2/page.html#6/33.962/-6.405
https://www.mapbox.com/gallery/#map-7
https://www.mapbox.com/gallery/#map-20
I've begun toying with ways of doing this. One option is to make a suitable base layer and add the buildings as individual svg files - it sounds like a LOT of work.
This sounds like the one good way to go about adding individual building illustrations. Other options include using one or many image sources.
Good luck! Can't wait to see what you make!
I'm looking for a way to have more features than the basic JavaFx charts provide.
"realtime" plotting of < 50 points divided into multiple scatter series
adding custom text labels to points in scatter
drawing some lines inside the chart
maybe custom color for single some scatter points
I've already seen some people using multiple charts overlayed with transparent background. I'm not sure if this is good solution that will work with future updates to JavaFx.
Now I'm looking for suggestions. Thanks in advance!
I spent a lot of time looking for a free Java plotting library that is compatible to the Eclipse Public License (JFreeChart is not), supports SVG export (JavaFx charting does not) and let me specify plots in detail. The plotting capabilities should be similar to the features of the free scientific plotting tool Veusz that is based on python and QT. Veusz allows for example to set the orientation and size of minor ticks and everything else I ever wanted to tweek.
I used the charting features of JavaFx and tried to write a converter from JavaFx to SVG ... and stopped that after a certain amount of frustration:
https://github.com/stefaneidelloth/JavaFxNodeToSvg
Finally I decided to write javafxd3, a Java wrapper for d3.js based on the WebView and the code from gwt-d3:
https://github.com/stefaneidelloth/javafx-d3
That wrapper is applied in my main project Treez to provide some atoms for scientific plotting in Eclipse:
https://github.com/stefaneidelloth/treez
javafxd3 works well if you do not need to transfer much data between Java and JavaScript. The WebView has some performance issues/limits that can be relevant for more advanced applications. Have a look at the demo suite of javafxd3 to get an idea of that limitations and read
Performance of WebView in JavaFX
With the wrapping strategy of javafxd3 it is also possible to use plotly.js and other advanced JavaScript plotting libraries that are based on d3.js for your JavaFx application.
In the last two years there has not been much progress in JavaFx. The SceneBuilder has been abandoned by Oracle and JavaFx might be a dead end. If the charting features of JavaFx do not fit your needs and you don't want to use my JavaScript embedding work around javafxd3 ... check if JFreeChart fulfills your needs regarding licensing and features:
http://www.jfree.org/jfreechart/
If you are actually not limited to Java I would recommend Veusz/Python:
https://veusz.github.io/
or the direct usage of some JavaScript libraries:
https://d3js.org/
https://plot.ly/javascript/
Edit
I do not use Java and the wrapper any more but directly JavaScript.
I don't have an exact solution, but I had a similar need. I found that charting libraries were fairly poor in most programming languages.
However, I found that JavaScript had a huge selection of good charting (plotting) libraries.
My suggestion is to use a webview, and then display the chart in that using JavaScript and html using a library like d3 or dimple. If you don't know any CSS/html/JavaScript there might be a learning curve.
I can't find a library which will produce good looking 3d pie charts for the iphone?
I had a look at the core plot wiki and their pie didn't look that good...
There's an open-source class called BNPieChart available in the moriarty library which can produce pie charts like this:
(source: bynomial.com)
And also much smaller versions of course. There's a post about it here.
Besides NBPieChart proposed above, have a look at XYPieChart it is a really good open source pie chart that looks very nice, are extremely simple, and contains animation for adding slices. Look at the screenshot of the demo project included:
There's also Fusion Charts, which is now HTML5. http://www.fusioncharts.com/
Core Plot has been recommended in other postings here on stackoverflow. It supports many standard data visualizations, including pie charts.
The Google Chart API is pretty good/popular.
http://code.google.com/apis/chart/ You will need a network connection though.
If you want iOS native charting library you should check ShinobyControls.
If you want web-based, and also amazingly good charting library, maybe HighCharts is the way to go.
I have some data that is displayed in a bar chart, using Google's Visualization API. Was simple enough until designers redesigned it... Now it appears to be something that is beyond what Google can help me with.
Given the attached mockup (and note the finer details like reflection and gradients!)- how would you go about building it? Using some existing graphing libraries? Homebrew from the ground up?
Thanks for any advice.
If you need to adhere to the custom design requirements as depicted in the image above, I would build a charting application using a more generalized graphics library such as Rapheal.
While it doesn't provide a simple API for plugging data into a chart, it does provide the ability to build a chart with the following:
a variety of shapes (i.e. the bars)
gradients
embedded images (i.e. the background)
You can change the visual effect using CSS.
Ofcourse you can use chuckx recommendation of Rapheal which is a SVG based Javascript Library. It can accept JSON values so say if you have JSON from Google API you could feed in directly.
Option 2 : HTML Canvas. There are lot of HTML 5 canvas libraries like Kinect, fabric.js powerful javascript canvas libraries
I want to know whether this is possible using Google Charts API: First, create a bar chart with the given input data. And then overlay a line chart (or a line) on top of it.
My use case here, is to show a student's performance in a test when compared to the rest of the crowd which is already available as a bar chart.
EDIT: Dug and found out about markers. Will explore and may be answer my own question :)
This is covered pretty explicitly in the current documentation, see compound charts
Yes, markers are probably what you are looking for. In particular, you may wish to look at a newer feature called "financial markers". This (little advertised) feature was added recently.