Is it possible to combine more than two containers in createContainer, or do it some other way?
Right now, I'm using createContainer("zoom", "voronoi"), but I would to add the cursor on mouseover. The problem is that if I switch to createContainer("zoom", "cursor") I lose the tooltip I'm using when moving around the graph.
Does anyone have a solution or is it currently not feasible to do this?
Related
I looked over some popular frameworks like Tableau, FusionCharts, Charts.js, etc but didn't find a chart specific to my requirement. I need to visualize certain data in vizify.com or mind-map like manner i.e. one big circle at the center, an several small circles branching out. Each circle will have short text inside. It's not like a network graph where one node is connected to multiple node. It need not be interactive, but some fluid animation will be nice.
Platform: Windows 8 (Windows Store) app OR the web.
Please help.
I assume you could embed a web page inside of your app. If so, I would use D3.js. It is extremely powerful and flexible. There a ton of examples on their examples page.
A few days ago I've explored geomaps and, however, it turned out to be easy to change the properties of the elements.
But I have two questions:
I'd like to add rivers and forests on the maps. So Ive considered to set a background image instead of the geomaps figure. But I can't find a way to get this one fixed. Is there a way to set a background picture for a country or region?
How can I change the shape of the "bubbles" when you select a city e.g. "London"? I'd like to change it to a square.
Thanks in advance for your help!
Unfortunately what you're looking for is not available in geocharts in their current implementation.
Using a background image is possible in the sense that you can use CSS to make all shapes in the map transparent, and use a background image in the div to make it appear as if the little circles are being drawn on a map with forest and rivers, but you will run in to two big hurdles:
Your map will need to be identical in size/layout to the Google Maps SVG
If Google ever changes the SVG they use (or the view/projection they use) you will need to edit yours too
This isn't ideal, obviously. You could work around it by creating custom javascript to write rivers and forests on your map, but that is going to be a huge headache (especially if you are using multiple maps/views).
As for the circles, you can't change them to squares without hacking the actual SVG in the background with javascript. While this is definitely possible (if you're really good with SVG/Javascript), it again isn't using any of the fancy features of geocharts, and is more just a custom solution that will have to be updated if/when google updates their API.
Rather than doing it that way, you may want to look in to the same implementation on google maps itself. That will allow you to use custom markers, draw custom shapes, etc. with a lot more flexibility (and a much more stable API).
I am new to D3js and working with the parsets reusable chart (http://www.jasondavies.com/parallel-sets/). I want to make changes to this chart such as adding sort based on thickness of ribbons on mouseover, and overlaying two parallel sets over each other to compare different datasets at once (The one at the back being faded).
Being new to D3js, I am having difficulty in understanding where to start. I am currently trying to understand the code of d3.parsets.js but its not going too well. If anyone has worked with this before and understands the procedure being followed in the code, please help me out.
The best adaptation I've seen of d3.parsets.js is by Hongjian Yang: Airline Vis adapted from d3.parsets.
It may be able to accomplish some of what you're looking for, though I'm not sure you'll readily be able to overlay two datasets (nor am I sure I understand the need to do so).
I am building a map navigation for a client and am stuck! I have built the map using and coords and all is fine. However I now need for each region to change colour when you hover over it.
I have done this before with simple sliced-up PNGs in Photoshop but because of the complexity of the map and overlapping items this isn't an option. I don't even know where to start - have tried some different tutorials and a lot of googling but can't find a good solution.
Here is my map so far: http://www.wiredcanvas.com/uploads/map/map.html
I want it so that when you click on a region it will turn a different colour - and I may also add a tooltip if necessary.
Any advice or help as to where I should go from here very gratefully received!!
Thank-you in advance
Alice
creating simple charts with BIRT is easy, but now I would like to bring some more life to them...
imagine a simple line chart. Let's define as a requirement, that the maximum value should be highlighted. A further requirement would be that if the user clicks on this data point, something happens.
How can I solve this?
I can imagine that I could created a second value series which consists only of the highlighted data points.
But it would be nicer if there was a JavaScript API (or even a server side java api) with which I could loop through the data points and add a highlight on the fly. Is this possible?
I think I've found a good starting point:
http://www.birt-exchange.org/org/devshare/designing-birt-reports/276-birt-chart-scripting-dynamic-markers-and-datapoint-colors/
Now I have to find a way to add on click events to certain data points...