Wireframe and Rendering for One Chart

  • Status: Closed
  • Prize: $60
  • Entries Received: 18
  • Winner: ghaluhwizz

Contest Brief

DATA VISUALIZATION

Deliverable: Light/Dark themed design for a chart, wireframe for same

Details: I need a design to pull together a bunch of data for a chess analytics application. There are a number of data points (listed in the attachment) and I'm having trouble coming up with a good way to display them. I provided a sample with most of the info but I'm looking at how to get the rest of the data into the page. The design should be clean, modern-looking, visually appealing and as compact as possible due to the number of data points.

The data consists of a number of games played, win/draw/loss percentage and counts, and a breakdown by opening/variation (explained in doc) with win/draw/loss stats along with inaccuracy/mistake/blunder stats. There are two more data points for overall accuracy and book depth (how long they followed 'book moves'). It's all numeric data but having an issue figuring out how to make it clean. These need to rollup and some icons to make it visually appealing and easy to read. At the top, there are 2 filters, one for timeframe and one for which color played.

Future:
I am looking for a UX/UI person to help build out wireframes for my entire website. This includes two similar charts to this. If the deliverable for this looks good there may be more work for you in the near future for the larger project. I will have you bid on those when I'm ready (est 2-3 months out). So UX/User Experience backgrounds will be a big plus.

Questions?
I can provide additional sample data if needed. I have attached a word document with descriptions of the data I think you'll need and a sample of something I put together (doesn't have all the data, and I can't figure out a good design going forward). You can recycle as much of that as you want or start from scratch.

Recommended Skills

Public Clarification Board

  • ChessWiz
    Contest Holder
    • 2 years ago

    Award increased.

    • 2 years ago
  • mattsrinc
    mattsrinc
    • 2 years ago

    Mm, I guess you need a code for your data visualization (e.g. "render") and if that is the case you should #increaseprize to much bigger value. For design part only I'm out.

    • 2 years ago
    1. ChessWiz
      Contest Holder
      • 2 years ago

      I'm just looking for a mockup of the screen.

      • 2 years ago
  • ChessWiz
    Contest Holder
    • 2 years ago

    This will be a standard website, so the page would have to scale dynamically. If you stick to industry-standard screen sizes/scale it should be okay.

    • 2 years ago
  • affanmy
    affanmy
    • 2 years ago

    do you have any information about the size (px or else) we need to make?

    • 2 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!