Create a Vue Component for an internal tool

  • Status: Closed
  • Hadiah: £50
  • Penyertaan diterima: 6
  • Pemenang: CarolinaCardoza

Ringkasan Peraduan

I'm looking for a Vue developer to build a simple Vue component that I can include in my Vue app.

You don't have to worry too much about CSS. Since it's internal, it doesn't have to be absolutely beautiful.

The component I want you to build is a graph. I've attached a picture of how it should look more or less.

The graph should show how a score of a user evolves overtime for all the users. For example, some user might have a score of 40 on a certain date, then 55 the week after. And the graph should show this change. The graph will be used to determine which users have increased their score.

The Vue component should have one data input. It should look something like this:

<Graph :data="data" />

The data will have the following format:
data = [{"userid": "55", "scores": [{"score": 50, "date": "2020-11-01 10:57:34"}, {"score": 100, "date": "2020-11-05 10:57:34"}, {"score": 150, "date": "2020-11-15 10:57:34"}]},
{"userid": "12", "scores": [{"score": 66, "date": "2020-09-01 11:57:34"}, {"score": 32, "date": "2020-10-05 10:57:34"}, {"score": 12, "date": "2020-12-15 10:57:34"}]}
]

As you can see on the image, I need to be able to deselect/select users and when I hover over a line, I need to be able to see the userid & score at that specific point.

Simply send me an image of how the component looks when you're done. I will award the project to the person who makes the best solution.

Some additional information:
There will be something like 200-500 users displayed on the graph - keep that in mind - this is also why I need to be able to select/deselect.

I'm available if you have any further questions of course!

Kemahiran Disyorkan

Maklum balas Majikan

“Just excellent work! Will work with Carolina again and can only recommend her. Smart, understands the requirements and executes well! ”

Gambar Profil nathanganserpro, United Kingdom.

Penyertaan teratas dari peraduan ini

Lihat Lagi Entri

Papan Penjelasan Umum

  • nithmit
    nithmit
    • 1 bulan yang lalu

    Hi i am new to freelancer website, i created the graph but it wont allow to submit because of trust
    here is the image.
    https://drive.google.com/file/d/13IOc0u0NLch8WdzzAC3uIFZ6oRNCpNwi/view?usp=sharing

    • 1 bulan yang lalu
  • nithmit
    nithmit
    • 1 bulan yang lalu

    hi, do you used chart js? which library you used for chart which you shown in image. if you tell then I will try to implement in that library.

    • 1 bulan yang lalu
    1. nathanganserpro
      Penganjur Peraduan
      • 1 bulan yang lalu

      this was an alternative chart. you can use any library you wish to!

      • 1 bulan yang lalu
    2. nithmit
      nithmit
      • 1 bulan yang lalu

      in that json, user 55 got score in same month, user 12 has different month.
      Is this sample json correct or any typo error ?

      • 1 bulan yang lalu
  • StrongDecs
    StrongDecs
    • 2 bulan yang lalu

    Hello, Increase price please. Thanks,

    • 2 bulan yang lalu
    1. nathanganserpro
      Penganjur Peraduan
      • 2 bulan yang lalu

      sorry, this is the budget for this task but stay tuned, other tasks are coming! also, feel free to use existing libraries to make the work easier :)

      • 2 bulan yang lalu
    2. StrongDecs
      StrongDecs
      • 2 bulan yang lalu

      sometimes options allow us to stay tuned :), let's talk by inbox pls. please check the Entry #2

      • 2 bulan yang lalu

Tunjukkan lebih banyak komen

Bagaimana mula dengan peraduan

  • Paparkan peraduan anda

    Paparkan Peraduan Anda Cepat dan mudah

  • Dapatkan berjuta penyertaan

    Dapatkan Bertan-tan Penyertaan Dari serata dunia

  • Anugerahkan penyertaan terbaik

    Anugerahkan penyertaan terbaik Muat turun fail-fail - Mudah!

Paparkan Peraduan Sekarang atau Sertai kami Hari Ini!