Graphics, Charting and Vizualization

Dojo GFX is a cross-browser 2D vector graphics API that enables development of rich graphic web application on desktop and mobile without having to deal with the browser's native graphics technologies.

See it In Action

Cross Platform Vector Graphics

GFX provides a cross-browser high-level graphics API that hides the browser rendering engine specificities, and supports a wide range of technologies out of the box (SVG, VML, Canvas, Silverlight and SVGWeb), both on the desktop or mobile. When the application is loaded, GFX selects the best graphics engine implementation to use depending on the browser capabilities.

New for Dojo 1.7! We've added event management capabilities to the Canvas renderer. There is now a consistent way to write event handlers across all renderers/platforms.

Dojo’s graphics package is fully internationalized and enabled for bi-directional text.

See it In Action

IBM WebSphere's Diagrammer IBM WebSphere's Diagrammer framework built on Dojo GFX ESRI's ArcGIS ESRI's ArcGIS is built on Dojo GFX

Business Charts

Business Charts

Dojo's charting components are based on the cross platform graphics API enabling the same chart components to render and provide full interaction in any browser--desktop and mobile.

Dojo has the solution you need with dozens of chart types and even more themes:

Bar Line Pie
Bubble CandleStick Area
Scatter High-Low Column
Stacked Bar Stacked Area Stacked Lines
Clustered Columns Clustered Bars Spider

The package comes also with a variety of interactive features including touch support for mobile. All completely free and open-source.

See it In Action


Gauges

Add beautiful interactive gauges to your Web or Mobile application with the Dojo Gauges package.

Based on the cross platform graphics API, the gauges are using the best rendering capabilities of your web browser on desktop and mobile devices.

Use predefined sexy gauges for circular, semi circular or bar gauges or build your own gauges by assembling elements such as a background, needles, arrows or text for denoting values on the gauge face.

See it In Action

Gauges

OpenLayers Maps

OpenLayers Maps

Dojo now includes a mapping library based on OpenLayers open source project.

Combine OpenLayers map data with additional features such as geo-referenced Dojo graphics shapes or geo-referenced Dojo widgets on top of the background map.

The module takes full advantage of the underlying OpenLayers library, the background map can come from various online map providers such as OpenStreetMap, Google Maps or ESRI Maps and since it’s built on Dojo’s cross platform graphics api’s it runs well on both desktop and mobile browsers.

See it In Action


Geo Charting

The GeoCharting package displays a map of a continent, a country or an area of the world and colorize the map regions accordingly to your data. These maps work great for adding geographic visualization to data-driven dashboards.

Colors are computed from the values found in a Dojo data store and a color scheme defines colors for value ranges.

Navigation such as zooming and panning is also supported as well as touch interaction for mobile devices.

The map displayed by the component can be supplied as a JSON representation of the ESRI shapefile format.

See it In Action

Geo Charting