Where should one put a large Gantt chart in a project report?

How do I make a dartboard-type chart for the web?

  • I made an awesome dartboard-type chart in Excel, but now I'm trying to put it on the web. Help!! I used a radar chart in Excel to create a dartboard. The dartboard displays an employee's score in each of 7 categories. They can achieve one of four scores, so there is a bullseye, an inner ring, an outer ring, and then an area outside the dartboard. When opened in Excel, there's a single unlocked cell where the employee number is input, and the chart updates when the user hits Enter. There are seven "sections" of the dartboard, and so Excel plots each dart at its proper place from bullseye to outside. It looks great in Excel but I want something that can be done in a browser without any fancy plug-ins, just an up-to-date browser (IE, Chrome, or Firefox). I realize they may not all use the same standards currently, and Chrome has some abilities the others may not, but ideally I'd want this to work in IE. I'm thinking that if I could just have an image of a dartboard as the background, then overlay some "darts" (either text or an image) plotted along an X & Y, I could do this. I do not know if this is actually possible. The data entry part could be freeform or dropdown box, it really doesn't matter. Other things to know: -I'm not a web programmer but can learn -I'm not the administrator of the final location of this project, so I'd need to be able to create it and then hand it off to someone else as a self-contained unit -I'm open to other solutions, but I'd prefer no flash or other plug-ins/tech since I cannot be sure that the end users will have the know-how to install anything or update anything Feel free to tell me "no f-ing way" or "here's my contact info and I'll do it for $X", but I'd really like to figure out a way to generate this myself and learn something along the way. This is not part of something I'm being paid to do, but it is something I'd like to show to my bosses later as a "hey look at this neat thing I was able to create..." kind of project.

  • Answer:

    Yes, you could relativly easily do this as a web page. You'll need to be able to: Create a server side page to serve the result string containing the coordinates for a given employee using PHP, ASP, Perl, etc. You shouldn't need to use a real database. It should be relatively straightforward to retrieve your data from a flat file or CSV.Create a page with your dartboard image, a small HTML form containing a text box for the employee number, and a submit button to update the display.When the user submits an employee number, make an http://en.wikipedia.org/wiki/Ajax_(programming) call from your web page to the results server to retrieve the appropriate coordinates for each employee entered.Use http://www.w3schools.com/css/ and the http://www.w3schools.com/cssref/pr_class_position.asp to show text or an image overlayed on your dartboard at the appropriate coordinates.None of this is particularly difficult. There are decent tutorials on http://www.w3schools.com/ajax/default.asp freely available. There are many places to look for help or inspiration in using CSS (e.g., http://www.alistapart.com/, http://www.csszengarden.com/). Many common data visualizations that people use flash for could be http://speckyboy.com/2009/02/04/16-usable-css-graph-and-bar-chart-tutorials-and-techniques/, including your http://blog.jgc.org/2005/12/css-absolute-positioning-scatter-plot.html. Even if the necessary software isn't installed on your target server, you could install a web server for testing purposes on your local machine by http://www.wikihow.com/Install-Ubuntu-on-VirtualBox and have a development server in a couple of hours. Don't let all that gobbledygook intimidate you. You can do this yourself. Work through the linked tutorial. Don't be afraid to copy-paste-and-tinker if you have to. (Remember your http://www.tompeters.com/ and http://c2.com/cgi/wiki?SwipedFromTheBestWithPride.)

snapped at Ask.Metafilter.Com Visit the source

Was this solution helpful to you?

Other answers

Google Docs can do radar charts. Not sure if it can be customized to look exactly the way you want.

adamrice

Can you export (or Save As) the chart to. .jpg, .gif or .png?

chesty_a_arthur

chesty a arthur, I thought about just creating the 28 possible combinations and calling each image up based on a dropdown box choice. The biggest problem with this is that it doesn't scale very well, although admittedly neither does the plotting x and y (although I think that's a problem that could be solved mathematically).

snapped

ob1quixote, that does sound complex but I'll look into one step at a time. Thanks!

snapped

Related Q & A:

Just Added Q & A:

Find solution

For every problem there is a solution! Proved by Solucija.

  • Got an issue and looking for advice?

  • Ask Solucija to search every corner of the Web for help.

  • Get workable solutions and helpful tips in a moment.

Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.