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

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

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:

[login to view URL]!/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:

[login to view URL]

[login to view URL]

[login to view URL]

*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:

[login to view URL]

If you would like to take a look at the calculator in place that I generated the data from you can find it here: [login to view URL]

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. [login to view URL]

Note: this is what I mean by interactive infographic: [login to view URL]

Recommended Skills

Employer Feedback

“good work, would hire again”

Profile image OlesyaLu, United States.

Top entries from this contest

View More Entries

Public Clarification Board

  • serebrennikow
    serebrennikow
    • 4 years ago

    check #18

    • 4 years ago
  • deannielsen
    deannielsen
    • 4 years ago

    Check #16 please...

    • 4 years ago
  • ashueureka
    ashueureka
    • 4 years ago

    Please check #15

    • 4 years ago
  • serebrennikow
    serebrennikow
    • 4 years ago

    check #13

    • 4 years ago
    1. OlesyaLu
      Contest Holder
      • 4 years ago

      could you also add a chart like this:
      https://public.tableau.com/profile/olesya2506#!/vizhome/WorkstationSavings/Story2

      • 4 years ago
    2. serebrennikow
      serebrennikow
      • 4 years ago

      Im working on it

      • 4 years ago
  • OlesyaLu
    Contest Holder
    • 4 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.

    • 4 years ago
    1. OlesyaLu
      Contest Holder
      • 4 years ago

      this is what I mean by bubble chart:
      https://public.tableau.com/profile/olesya2506#!/vizhome/WorkstationSavings/Story2

      • 4 years ago
  • thomasmikava
    thomasmikava
    • 4 years ago

    Please, check #11

    • 4 years ago
  • thomasmikava
    thomasmikava
    • 4 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?

    • 4 years ago
    1. thomasmikava
      thomasmikava
      • 4 years ago

      I see. But, What do you mean when you say 'Mountains'? Can I see sample?

      • 4 years ago
    2. thomasmikava
      thomasmikava
      • 4 years ago

      #9 is sealed, so I can't see it ☺. Can you take screenshot?

      • 4 years ago
  • ankurs13
    ankurs13
    • 4 years ago

    #sealed please

    • 4 years ago
  • OlesyaLu
    Contest Holder
    • 4 years ago

    I updated the data. It now has different variables for hourly rate

    • 4 years ago
  • thomasmikava
    thomasmikava
    • 4 years ago

    Please, left feedback

    • 4 years ago
  • OlesyaLu
    Contest Holder
    • 4 years ago

    yes I am waiting for someone to clean up the data and add to it, I will post tomorrow

    • 4 years ago
  • ashueureka
    ashueureka
    • 4 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)

    • 4 years ago
    1. chaitanyathengdi
      chaitanyathengdi
      • 4 years ago

      Change the encoding to Macintosh(Western Europe).

      • 4 years ago
    2. chaitanyathengdi
      chaitanyathengdi
      • 4 years ago

      If you have UTF-8 encoding, you'll get that message.

      • 4 years ago
  • thomasmikava
    thomasmikava
    • 4 years ago

    Please, rate entries and write some comments

    • 4 years ago
  • thomasmikava
    thomasmikava
    • 4 years ago

    Please, check #7 entry and see link provided in description. Please, rate and write comment

    • 4 years ago
  • chaitanyathengdi
    chaitanyathengdi
    • 4 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?

    • 4 years ago
    1. OlesyaLu
      Contest Holder
      • 4 years ago

      yes, and I will upload a cleaner version of the data tomorrow morning (in less than 12 hours)

      • 4 years ago
  • fluxasIT
    fluxasIT
    • 4 years ago

    I will submit my entry.

    • 4 years ago
  • OlesyaLu
    Contest Holder
    • 4 years ago

    Hi all, also take a look at this, it's what I mean by interactive infographic: http://www.oecdbetterlifeindex.org/#/51111111111

    • 4 years ago
  • OlesyaLu
    Contest Holder
    • 4 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

    • 4 years ago
  • thomasmikava
    thomasmikava
    • 4 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?

    • 4 years ago
    1. OlesyaLu
      Contest Holder
      • 4 years ago

      you could show hours saved in relation to number of workstations, or yearly savings with workstations and minutes walking, etc

      • 4 years ago
  • kmande
    kmande
    • 4 years ago

    Hi!!I am working for this task.If possible,please don't close contest before closing date.Thank you!!

    • 4 years ago
  • thomasmikava
    thomasmikava
    • 4 years ago

    How many and what variables should client enter?

    • 4 years ago
  • thomasmikava
    thomasmikava
    • 4 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.

    • 4 years ago
    1. thomasmikava
      thomasmikava
      • 4 years ago

      Do I have to use those statistics to show results?

      • 4 years ago
    2. OlesyaLu
      Contest Holder
      • 4 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

      • 4 years ago

Show more comments

How to get started with contests

  • Post your contest

    Post Your Contest Quick and easy

  • Get tons of entries

    Get Tons of Entries From around the world

  • Award the best entry

    Award the best entry Download the files - Easy!

Post a Contest Now or Join us Today!