Skip to Content

Tag Archives: JavaScript

50 JavaScript Libraries for Charting and Graphs


If you ever have to make a chart or a graph on the web the best way to do that is to use JQuery. But, it’s tedious and takes time, time is the enemy of a programmer. Luckily there are many libraries that will help you speed up the process by handling the hard stuff for you! Yay! Also luckily enough, tech slides has already compiled a big huge list of libraries that can be easily learned using their tutorials and examples. In just a few minutes you can be up and running with a great looking chart or graph. Actually you probably spend most of your time looking for a nice library rather than programming one.
So check out this cool list of charts and graph libraries for the web.
Go here!

Google Chart Tools – powerful, free, simple to use, and it has everything from simple line charts to complex hierarchical tree maps, the chart galley provides a large number of well-designed chart types.
dc.js – a javascript charting library based on D3 with native crossfilter support and allowing highly efficient exploration on large multi-dimensional dataset.
xcharts – a D3-based library for building custom charts and graphs.
nvd3 – allows you to build re-usable charts and chart components without taking away the power that d3.js gives you.
rickshaw – JavaScript toolkit for creating interactive time series graphs.
Cubism.js – a D3 plugin for visualizing time series. Use Cubism to construct better realtime dashboards, pulling data from Graphite, Cube and other sources.
xkcd – allows you to make XKCD-style plots in Javascript using D3. Check out xkcdgraphs to make your own xkcd graphs.
jQuery Sparklines – a jQuery plugin that creates small inline charts directly in the browser.
peity – a simple jQuery plugin that converts an element’s content into a simple CANVAS mini pie, line or bar chart.
BonsaiJS – lightweight graphics library with an intuitive graphics API and an SVG renderer.

JQuery EXIF Reader

Have you ever needed to read EXIF data on your web applications? Well I haven’t either but maybe one day I will need to, and what I’ll do it check out this cool JavaScript written by Nihilogic. It looks actually quite simple to implement. You can see it in action right here.

How it works:
[cc lang=JavaScript]
$(“#img1”).click(function() {
alert(“Taken with a ” + $(this).exif(“Make”) + ” ” +
$(this).exif(“Model”) + ” on ” + $(this).exif(“DateTimeOriginal”));
// exif(strTagName) returns a string with value for the tag [strTagName]
})
[/cc]

If you want to read more on how it works check out the original blog posting here.