D3.js and InnerHtml not showing up [duplicate] - javascript

Is there any way to make D3 compatible with IE8?
Many of the posts here and in the documentation suggested using aight.
https://github.com/shawnbot/aight/blob/master/aight.js
However, I added the lines/file mentioned to my html, but this still doesn't work in ie8.
http://matthewpiatetsky.com/jsdemo.html
Does anyone know if there are any additional steps I need to take?
Perhaps use r2d3? Not sure how to do that, but will try to figure out

D3 uses SVGs to graph and since IE8 does not support SVG it won't work.I would give R2D3 a try, it shims SVG via Raphael to be compatible with D3. There are some limitations as some functionality won't be available. Look at https://github.com/mhemesath/r2d3/ for more details

aight.js worked for me, just need to take care importing it before d3.js

Many good demos of R2D3, and Aight demos now exist.
I think that re-coding your question to demo it in one of these libraries is out-of-scope of SE, but hope you find the links useful.

Related

D3 IE8 Compatibility?

Is there any way to make D3 compatible with IE8?
Many of the posts here and in the documentation suggested using aight.
https://github.com/shawnbot/aight/blob/master/aight.js
However, I added the lines/file mentioned to my html, but this still doesn't work in ie8.
http://matthewpiatetsky.com/jsdemo.html
Does anyone know if there are any additional steps I need to take?
Perhaps use r2d3? Not sure how to do that, but will try to figure out
D3 uses SVGs to graph and since IE8 does not support SVG it won't work.I would give R2D3 a try, it shims SVG via Raphael to be compatible with D3. There are some limitations as some functionality won't be available. Look at https://github.com/mhemesath/r2d3/ for more details
aight.js worked for me, just need to take care importing it before d3.js
Many good demos of R2D3, and Aight demos now exist.
I think that re-coding your question to demo it in one of these libraries is out-of-scope of SE, but hope you find the links useful.

how to make line graph

I want to make line graph with the use of javascript.
Can anyone tell me how I get this?
have a look at this http://www.rgraph.net/
as you have tagged for Android, I guess you want to make charts in Android. Try this
http://code.google.com/apis/chart/
http://www.achartengine.org/
http://androidplot.com/wiki/Home
I've used flot.js - it's very good and well documented. There's also g.Raphael.js, but I don't know if it's still being developed, and there are no docs whatsoever.

Javascript chart component that can handle annotated news headlines

I am looking for a Javascript chart component that can embed news headlines directly on the chart, similar to what is available with Google Finance
I know that this is possible in Flash with e.g. Google Chart Tools (http://code.google.com/apis/visualization/documentation/gallery/annotatedtimeline.html) or amCharts (http://amcharts.com/stock/events/), but I'd prefer to avoid using Flash, because of use with iPad and iPhone.
I have also been looking at Flot (http://code.google.com/p/flot/) and Humble (http://www.humblesoftware.com/finance/index), but since these are made using the canvas element, I don't think they work well enough in IE. I know they both use excanvas to make it possible to use them in IE, but they just don't perform well enough. I have been testing them in IE 6-9 on several computers and the results simply aren't good enough for me to confident in using them.
I have been quite impressed with Highcharts (http://www.highcharts.com/demo/?example=line-time-series&theme=default) and Raphael (http://g.raphaeljs.com/), but neither of those have implemented annotated news headlines by default, so it would require a lot of work to get it done. Do you have any other suggestions on how to do this without flash and without using canvas?
Also I would be happy to see demos, if anyone has implemented a similar solution.
Thank you for your time.
One of the examples for Raphael (the original graphics library, not the graphs extension linked to in the question) looks like it may be close to what you are looking for: http://raphaeljs.com/analytics.html
It's an old question, but if somebody still finds it - you can have this with JavaScript version of amCharts: http://www.amcharts.com/stock-chart/stock-events/
Disclaimer: I am the author of amCharts.

What JavaScript or how to build this chart/graph?

I come across http://flyspy.com/miles/ and been impressed by their chart/graph (the 2 and 3 one, I don't know is this 2 consider chart/graph)
Does anyone know how to build it? Or did they use any JavaScript script to build it?
marcgg might be right. You should also consider using a svg library to draw vector graphs, though.
Have a look at Raphaël / gRaphaël.
Even though Raphaël is my favorite library, there are several others.
The small ones (#3) must be using Sparkline: http://omnipotent.net/jquery.sparkline/
I'm not sure about #2, but you can get the same result using flot: http://code.google.com/p/flot/

JavaScript Charting library - Google Analytics Style

I'm searching for a Javascript library to create line charts like the ones of Google Analytics. When the mouse is over a point, a box shows you the data.
An example is at http://wikirank.com/en
No Flash or Air, only JS and client-side Canvas...
Better if Free...
Edit: If you want a free library, try Flot.
Emprise Charts is a commercial library that I've seen featured on news sites.
Another option is to use Google's visualization APIs.It's pretty easy to use, and they have a several options for displaying data. One thing to keep in mind is some of the visualizations require you to send your data to their server, though none of the canvas/svg ones have this requirement.
There's JS-Charts which looks pretty awesome.
Or, if you fancy rolling your own you can create your own charting component using this library...
As an alternative to Flot, if you are using Prototype.js as JS framework, you can use Flotr.
Dojo also has something similar, though the example shown doesn't have similar functionalities but can be implemented to behave like the one you want,
http://dojocampus.org/explorer/#Dojox_Charting_2D_Lines,%20Markers,%20No%20Axes,%20Purple%20Theme,%20Custom%20Min%20Max
Raphael.js is pretty good at making graphs with svg/vml, you have to write some custom code though, but you can make some really nice animation with it, next to that it's compatible with ie6+ (only not with android 2 browsers).

Categories