I was trying to figure out how to make a chart like this but can't seem to find any information. I can't even find a name for this type of chart to Google it.
Does anyone know what these type of charts are called?
This is actually a little different that what I normally see. This is more of a percentage while most represent a certain number of people (one person = 100,000 people)
Here's a better example. I want to try to make something like this programmatically so it can be populated by data.
This is less of a chart and more of an Infographic. It's used to visual display facts or statistics in a friendly and accessible manner. There are plenty of tools on-line that can help you make one of these, but generally they're made custom by graphic designers using image processing tools such as Adobe Illustrator or Inkscape (free).
Related
Our university has had an agency create a very pretty printed map* for a special purpose.
In the early stages of the project, I suggested that they make the map in true proportions, and in vector format, so that a digital version might be more easily made in future. The future is looming, and it's looking like I'm going to have to come up with something!
I've begun toying with ways of doing this. One option is to make a suitable base layer and add the buildings as individual svg files - it sounds like a LOT of work.
I wondered if anyone had suggestions about how I should approach this. Is mapbox even the right tool?
* apparently, I don't have the 'reputation' required to embed an image!
There have been a number of impressive cartonish and artistically stylized maps made with Mapbox GL JS and Mapbox Studio Classic.
https://www.mapbox.com/blog/pencil-drawn-style/
http://dessine-moi-une-ville.makina-corpus.net/#15/43.5933/1.4514
http://a.tiles.mapbox.com/v3/aj.Sketchy2/page.html#6/33.962/-6.405
https://www.mapbox.com/gallery/#map-7
https://www.mapbox.com/gallery/#map-20
I've begun toying with ways of doing this. One option is to make a suitable base layer and add the buildings as individual svg files - it sounds like a LOT of work.
This sounds like the one good way to go about adding individual building illustrations. Other options include using one or many image sources.
Good luck! Can't wait to see what you make!
I'm working with a PLC program that runs over a hundred subroutines in parallel, and each one affects the flow of the others. Countless labels and GOTOs, function calls, etc. My office desk is covered with little stickynotes to help me visualize and track the flow through the program, but it's starting to get too complex to manage that way. Has anyone ever heard of any sort of graphical flowchart-ish program to help organize stuff like that? What I'm picturing is a little text box that I can fill full of pseudocode, then link to other textboxes. Unless I'm actually working in them, the boxes stay collapsed, and you only see a title or something to show what it is. All the links connected to my "open" box are red, or bold, and all other links are dim gray, or maybe not even shown.
Does anything like this exist? I've heard that MATLAB uses something similar to what I'm picturing, but what I want is just a generic sort of "fill in your own info" program; not language-specific. I'd be tempted to make one on my own, but I'm way too busy with WORK-work to start creating NOT-AT-WORK-work for myself.
You can try Dia or yEd. Both are available for linux, I know that yEd is also for Windows. Those are diagramming tools, maybe you'll find them useful.
Graphviz http://graphviz.org/ would be a good tool to achieve this.
It allows you to write your graph descriptions as simple text and it generates and lays out the graph. It can handle pretty large and complicated flows. Here is a simple example to give you an idea of the syntax:
digraph g {
NodeA -> NodeB;
}
EDIT:
I don't mean in terms of how to implement it. i mean i dont like how the date is displayed with the bars. what other type of chart would be more suitable. I know a threadhold line wouldnt work beacause the values of the capacity are different for each day. if they were all the same a threadhold line indicating capacity would work
I think a line graph would be an excellent way to show the data.
I made that using the chart wizard. Link: here. I used the data you provided above, so it should be accurate unless I mistyped.
On the chart wizard, you can import this chart using the link I gave you above if you want to clean it up, add axes, etc.
The best way is impossible to answer, depends on too many things specially since you didn't clarify almost anything in you question.
Anyway, Google's chart API would be ans "easy" way to do this.
Good luck, I you clarify further in your question, I'll try to be more specific and improve my answer!
It can do this quite easily:
See here.
I'm looking to build an interactive web-based org chart for a large organization. I somewhat like the interface at ancestry.com where you can hover over people and pan/zoom around and click on different nodes to make them the root.
Ideally, I'd like it if people could belong to multiple organizational entities like committees, working groups, etc. In other words the API should support graphs in general, not just trees.
I'd like to be able to visually explode each organizational substructure into substituents by clicking on it, with a nice animation of the employees ballooning or spilling out so you can really interactively drill down through the organization.
I found http://code.google.com/apis/visualization/documentation/gallery/orgchart.html but it looks a bit rudimentary.
I know there are desktop tools like OrgPlus and Visio that can build static charts but I'm really looking for a free, web-based API with open standards-based output like SVG or HTML5 Canvas elements rather than Flash or some proprietary output. Something I can embed into a custom web application and style myself. Something interactive.
Check my solution on github: OrgChart.svg This is a modern full SVG orgchart with support of custom styling, tip-over / stacking possibility in the best known form. I would be very happy if it helps someone. It is based on snap.svg.
I ended up using the SpaceTree API from the Javascript InfoVis Toolkit to build my org chart:
http://philogb.github.com/jit/static/v20/Docs/files/Visualizations/Spacetree-js.html
I've had a go at building this in d3.js. It was originally built for data pulled from Yammer but now it will work with any csv - like this one.
Here's the repo and here's a demo. You will need to know a little html/javascript to customise it for your application.
There is this one for asp.net but I have only ever added it to my bookmarks so I can't vouch for how standards compliant it is:
http://www.orgchartcomponent.com/
Something you should also consider when you are looking in to this is your charting requirements. Many org charts only support a single top node. If you wanted to map a family tree for example then this might not be the case.
I am looking for a nice framework for developing a GUI builder Application. We have an application where 100Os of custom data entry forms and their print formats are required and each client will need some modifications on these. We have a developed a product using java based open source templatnig frameworks so that the layout and field definition are stored in database and rendered dynamically to the user. We also have an appication to design these forms but cannot do visual design.
Now I am trying to make a Visual Form Designer application for generating these forms. Can any one suggest some open source frameworks than can be used? Can I use Eclipse Visual Editor? Or is it better to develop some kind of parser for HTML using AntLR and then parse the HTML output from already existing GUI builders like Dreamweaver to get the desired output?
Thanks and Regards,
-- Kannan
Oooh, great question!
I wouldn't know any readily availble framework that you can use. Depending on your needs however, I think rolling your own shouldn't be too hard.
First of all, you probably wouldn't want to give the users too much freedom. Freedom only gives them the opportunity to mess things up and make the resultant forms hard to use. I think from your description that the fields are pre-defined, so that the user only needs to customize which fields appear on a given form, and in what order. Order can be a simple thing like top-to-bottom. Some semi-intelligent automatic layouting could be used to conserve screen space. Adding a feature to group fields together would probably also be useful, and grouping would lead to some kind of standard "group" widget.
Accepting simplified functionality like this, you don't really need the flexibility of a full gui editor. A couple of listviews, maybe a property sheet and a preview window will be enough to give your users the functionality they need.
Of course, this only holds for screen forms. Print forms may be trickier to layout, as people may want to cram as many fields as possible into very little space so the entire form can fit on a single page or something. I really don't have any suggestions for you there, but maybe a similar "simplified" approach with some intelligent auto-layouting could work.
Overall, my advice would be: Keep It Simple! (S... ;)