[Updtae] Since no one replied to my request for an AngularJs component, I will settle for any kind of JS - Vure, JQuery, plain old JS, anything else ...

I am looking for a gratis JS component.

Let’s imagine that I want to buy a car …

What’s the first thing that’s important to me? Let’ say price:

|                           price                              |  

But, mileage is also important:

|           price            |        mileage                  |  

Looks like they are 50/50 split by default, but maybe I care less about initial purchase cost, as a good mileage will save me more when I look at total cost of ownership.

|     price   |                mileage                         |  

I want a component that will let me add (and remove) components of interest, and also let me give weighting/importance to them.

In the initial drawing, I had only price : 100%.

Then I added mileage, which defaulted to 50:50%.

But I want to be able to grab a drag handle with my mouse and move that dividing line (while the component shows me the weighting (percentage) for each constituent part).

And then, of course, I want to add running cost, such as maintenance and insurance, etc, adding, removing, renaming and adjusting the weighting of components until I am satisfied.

Know you of such a beast? Or must I code it myself?

  • So it's not only about visualization but also about built-in editing of that visualization. Did I get that right? – Thomas Weller Jan 15 at 11:00
  • 1
    People do awesome stuff with D3 d3js.org, for example bl.ocks.org/mbostock/4061961 but I am not familiar with it (and I'm not a JS developer) – Thomas Weller Jan 15 at 11:05
  • Thanks, Thomas (+1) I am aware of D3, of course, and that does look good. I just have to figure out how to drag the sliders – Mawg Jan 15 at 11:21

Your Answer

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Browse other questions tagged or ask your own question.