1

What's this chart component called? I want to use it for my App

I have come across a component in a few web applications; however, the html doesn't identify the component's name. Nor have I found it online. Anyone know what this component type is or where it comes from?

Thomas
  • 6,291
  • 6
  • 40
  • 69
Voidsbane
  • 231
  • 1
  • 3
  • 9
  • This comment is probably entirely not correct; however, it might lead you in the right direction. The .Net Framework has a series of tools that can be purchased and are meant for ASP .Net applications: DevExpress tools. They call these "[radial menus](https://documentation.devexpress.com/#WindowsForms/DevExpressXtraBarsRibbonRadialMenuMembersTopicAll)". A near equivalent in JavaScript (jQuery) is the [circle pop up](http://www.jqueryscript.net/tags.php?/circle%20menu/) (check out the pie menu). – Thomas Mar 02 '15 at 18:22
  • Can you link us to a web application that uses the component? Also check out this [question](http://stackoverflow.com/questions/13132864/creating-a-radial-menu-in-css), it might be of help to you. Though, I am big fan of not re-inventing the wheel. – Thomas Mar 02 '15 at 18:28
  • I've seen this component in screenshots at http://www.crimsonhexagon.com/, and Sprinklr.com system uses it as charts of sort of Word Topics / Word clouds – Voidsbane Mar 02 '15 at 19:10
  • It's more of a Chart than a Radial Menu. I need to to represent sort of a categorized Word Cloud – Voidsbane Mar 02 '15 at 19:13
  • 1
    Take a look at my updated answer. – Thomas Mar 02 '15 at 22:08

1 Answers1

1

There are a number of frameworks that employ pre-packaged versions of the example image you have posted in your question, all the way from proprietary UI frameworks, such as DevExpress for the .Net Framework, to solutions implemented in a more open-source-friendly manner, i.e. you can see the code.

Without knowing the URL of the web application to which you are refering (e.g. .aspx, etc), it is difficult to know what framework the web app. is employing.

Menu

These menu types are generally called "radial menus" and a good Google would yield lots of great results. Sometimes knowing the terminology is all you need.

Some people have provided some very complex solutions to getting the type of behaviour you are looking for; however, in my opinion, re-inventing the wheel is a waste of time and money (it's great for hobbying around, though, certainly). The amount of time tooling around is perhaps better spent learning a little more about something else that will save you time in the future (and make your solutions re-implementable).

Diagram

Again, these guys are using stuff designed by people who are really passionate about web visual design. GitHub has a number of open source projects available for examination. For the record, I Googled: "circular word occurrence chart". Here is a directly relevant example from that repository mentioned, above.

The substance of my answer? A lot of these things you are seeing are employing more than just HTML and CSS to make their applications display information in such interesting ways.

Community
  • 1
  • 1
Thomas
  • 6,291
  • 6
  • 40
  • 69