Create an Interactive Inforgraphic in Javascript and HTML (or Tableau)

Status: Closed
Prize: $177
Entries Received: 15
Winner: serebrennikow

Winner

Contest Brief

I'm looking for someone to create an interactive infographic using Javascript and HTML ( or Tableau) that will be embeddable on a clients site. The client uses a formula to calculate the amount of time and money saved with their product, I would like this time and money savings to be visualized. The infographic should contain sliders so the user is able to input variables and see how these impact the data. Here is an example I worked on:

https://public.tableau.com/profile/olesya2506#!/vizhome/WorkstationSavings/Story2

The completed infographic should have various charts displaying the savings of my client's product. Here are some charts that I think will work well that are available on Google Charts:

https://google-developers.appspot.com/chart/interactive/docs/gallery/columnchart

https://google-developers.appspot.com/chart/interactive/docs/gallery/gauge

http://visapi-gadgets.googlecode.com/svn/trunk/pilesofmoney/doc.html

*If you choose to use Tableau instead, that is fine, I will just need to be able to download your workbook.

*If you choose to code this please include the whole file and not just a link when you deliver the project to me.

The design should be clean and modern and match the color palette of my client:

http://www.newcastlesys.com/

If you would like to take a look at the calculator in place that I generated the data from you can find it here: http://www.newcastlesys.com/mobile-cart-mobile-computer-cart-roi-calculator

rs per week, # workstations in order.

I will attach the client's logo and the data in excel.

Please feel free to ask any questions, I will respond as quickly as possible.

Note: Please take a look at this, it is an infographic about the same topic. The entries I'm receiving are just charts, they are not infographics. This contest is meant to show an infographic this is adjustable (sliders), but it is still an infographic. http://www.newcastlesys.com/blog/bid/345843/Turn-6-Minutes-into-5-000-and-Make-Employees-Happy-infographic

Note: this is what I mean by interactive infographic: http://www.oecdbetterlifeindex.org/#/51111111111

Recommended Skills

Winner

Post a Contest Like This

Employer Feedback

“good work, would hire again”

OlesyaLu, United States.

Public Clarification Board

serebrennikow
- 8 years ago
check #18
- 8 years ago
deannielsen
- 8 years ago
Check #16 please...
- 8 years ago
ashueureka
- 8 years ago
Please check #15
- 8 years ago
serebrennikow
- 8 years ago
check #13
- 8 years ago
View 1 more message
1. Contest Holder
  - 8 years ago
  could you also add a chart like this:
  https://public.tableau.com/profile/olesya2506#!/vizhome/WorkstationSavings/Story2
  - 8 years ago
2. serebrennikow
  - 8 years ago
  Im working on it
  - 8 years ago
Contest Holder
- 8 years ago
If anyone wants to improve on their entry #13 is the closest to what I'm looking for. What could make it better is a couple more charts. Two more ways of visualizing the data, preferably in different types of charts, such a bubble chart or an icon-based visualization.
- 8 years ago
1. Contest Holder
  - 8 years ago
  this is what I mean by bubble chart:
  https://public.tableau.com/profile/olesya2506#!/vizhome/WorkstationSavings/Story2
  - 8 years ago
thomasmikava
- 8 years ago
Please, check #11
- 8 years ago
thomasmikava
- 8 years ago
What are you trying to show clients by the infograph? The more number of minutes walking, the more more money can be saved? Or something else?
- 8 years ago
View 2 more messages
1. thomasmikava
  - 8 years ago
  I see. But, What do you mean when you say 'Mountains'? Can I see sample?
  - 8 years ago
2. thomasmikava
  - 8 years ago
  #9 is sealed, so I can't see it ☺. Can you take screenshot?
  - 8 years ago
ankurs13
- 8 years ago
#sealed please
- 8 years ago
Contest Holder
- 8 years ago
I updated the data. It now has different variables for hourly rate
- 8 years ago
thomasmikava
- 8 years ago
Please, left feedback
- 8 years ago
Contest Holder
- 8 years ago
yes I am waiting for someone to clean up the data and add to it, I will post tomorrow
- 8 years ago
ashueureka
- 8 years ago
Hi, I've below few points for you.

A. Can you please submit clean data? Currently I am getting the data in csv as below with exponent format which I am unable to change.

1 22 1 762.67 34.67Ê 34.62Ê
2 22 1 1525.33 69.33 17.31Ê
3 22 1 2288 104 11.54
4 22 1 3,050.67Ê 138.67 8.65Ê

B. Also, it would great that you provide the formulas behind the calculation, currently there is no formula, so the infographic we create will be only for the data you have provided. If you want it to be dynamic, the formula behind the ROI calculation which involves all the factors (like the 5 sliders at the page: http://www.newcastlesys.com/mobile-cart-mobile-computer-cart-roi-calculator)
- 8 years ago
1. chaitanyathengdi
  - 8 years ago
  Change the encoding to Macintosh(Western Europe).
  - 8 years ago
2. chaitanyathengdi
  - 8 years ago
  If you have UTF-8 encoding, you'll get that message.
  - 8 years ago
thomasmikava
- 8 years ago
Please, rate entries and write some comments
- 8 years ago
thomasmikava
- 8 years ago
Please, check #7 entry and see link provided in description. Please, rate and write comment
- 8 years ago
chaitanyathengdi
- 8 years ago
Hi OlesyaLu, are you on an Apple computer? Some characters are having trouble rendering on Windows/Linux machines. Please set your encoding to UTF-8. It must be set currently to something like Western Europe(Apple Macintosh/Icelandic). Also, are you OK with Javascript frameworks?
- 8 years ago
1. Contest Holder
  - 8 years ago
  yes, and I will upload a cleaner version of the data tomorrow morning (in less than 12 hours)
  - 8 years ago
fluxasIT
- 8 years ago
I will submit my entry.
- 8 years ago
Contest Holder
- 8 years ago
Hi all, also take a look at this, it's what I mean by interactive infographic: http://www.oecdbetterlifeindex.org/#/51111111111
- 8 years ago
Contest Holder
- 8 years ago
Please take a look at this, it is an infographic about the same topic. The entries I'm receiving are just charts, they are not infographics. This contest is meant to show an infographic this is adjustable (sliders), but it is still an infographic. http://www.newcastlesys.com/blog/bid/345843/Turn-6-Minutes-into-5-000-and-Make-Employees-Happy-infographic
- 8 years ago
thomasmikava
- 8 years ago
In your example, client only enters 'Minutes walking', and result shows only 'number of workstations' and 'yearly savings'. But in excel file, there are 'number of workstations' 'hours saved' and 'number of months until ROI'. How should I use those three columns?
- 8 years ago
1. Contest Holder
  - 8 years ago
  you could show hours saved in relation to number of workstations, or yearly savings with workstations and minutes walking, etc
  - 8 years ago
kmande
- 8 years ago
Hi!!I am working for this task.If possible,please don't close contest before closing date.Thank you!!
- 8 years ago
thomasmikava
- 8 years ago
How many and what variables should client enter?
- 8 years ago
thomasmikava
- 8 years ago
I don't clearly get what you need exactly. Why did you upload the excel document, what those data mean? After entering 5 numbers by user, I don't understand what should the infographic show.
- 8 years ago
View 1 more message
1. thomasmikava
  - 8 years ago
  Do I have to use those statistics to show results?
  - 8 years ago
2. Contest Holder
  - 8 years ago
  the data needs to be interpretted in a way that's useful to people looking at it, it doesn't have to be all one chart, you can take sections of the data a make a visualization out of it. Take a look at this example: https://public.tableau.com/profile/olesya2506#!/vizhome/WorkstationSavings/Story2 It shows that the more workstations you buy, and the more steps you walk to higher your yearly savings will be, the bubbles increase to indicate an increase in savings
  - 8 years ago