For a project I am working on, I need to implement a linechart with barcharts on each individual node. an example of this can be seen on exocharts.com, anyone know if there's a library I can accomplish this with?
Footprint chart
Yes, you can use d3.js for this. It looks like Cignals.io uses it for their UI.
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 am newbie in Xamarin; I know there must be ready components for what I need, already I searched but not yet found.
I need to create a dynamic graphic like this:
http://www.highcharts.com/demo/dynamic-update
I wore this in PhoneGap (html5 + JS), but now I'm moving to Xamarin forms and would like to know if any third component is what I need or I'll have to do everything from scratch.
Thank you.
I'm currently looking into graphing too and OxyPlots seems to be a pretty good line graph tool. I don't think it supports dynamic updating so you'd have to program it to update manually when new data points come available.
I've not gotten round to actually using this myself but I thought I'd post this here in case it works for you.
Edit: Here's a list of examples. Also you can add it to your project using nuget so it should be easy to set up.
I'm using Syncfusion controls for Xamarin.Forms and I'm satisfied with it. They also have a free license for individual developers and small businesses.
For dynamically updated Xamarin charts SciChart offers an extremely high performance solution. With the SciChart Xamarin Chart control you can draw up to a million points, zoom, pan and scroll big datasets interactively.
Check out performance demos here:
https://www.scichart.com/example/xamarin-chart-realtime-fifo-scrolling-chart-example/
https://www.scichart.com/example/xamarin-chart-performance-demo-example/
https://www.scichart.com/example/xamarin-chart-ecg-monitor-demo-example/
Disclosure: I am the tech lead on the SciChart Xamarin project
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
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