-3

Does anybody have an idea what tools can be used to draw a diagram like the following?

enter image description here

Sectors correspond with some parameters - sector 1 for parameter 1 etc. As you can see, each sector is divided into "levels", and there are "colors" to designate which level is acceptable. Parameter values are not necesserily "discrete" - see parameter 20.

Project details: Using spring-mvc, javascript and some jquery magic.

What I need: presumably, some tool (framework, library etc) that will generate diagram based on my values. Diagram should be saved in graphical format (jpeg, ...) for further usage (export to doc, display on the web-page)

PS. Even if you can propose a method that will not generate EXACTLY the same diagram, I would be much grateful to you..

Matt
  • 74,352
  • 26
  • 153
  • 180
Drew
  • 3,307
  • 22
  • 33
  • A graphing library of sorts would be able to do something like this. – Makoto Jan 04 '13 at 20:00
  • I've made this kind of charts before, look at the following [jsfiddle](http://jsfiddle.net/w7Y4r/1/), I just tweaked to look similar to yours – higuaro Jan 04 '13 at 23:21

2 Answers2

4

This would be possible to do with the D3.js library.

Check this blog where the author has created something similar with D3.js

Werner Kvalem Vesterås
  • 10,226
  • 5
  • 43
  • 50
1

A good way to do that would be using an SVG object. SVG is a format for vector graphics which can be embedded into HTML documents and which can be manipulated with Javascript (add/remove/change shapes, change the color of shapes).

When you have any specific questions, feel free to write a new question.

Philipp
  • 67,764
  • 9
  • 118
  • 153