Create a Vue Component for an internal tool

Yarışma Özeti

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!

İstenilen Beceriler

İşveren Geribildirimi

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

Profil Görüntüsü nathanganserpro, United Kingdom.

Bu yarışmadan başlıca girdiler

Daha Fazla Girdi Görüntüle

Genel Açıklama Panosu

  • nithmit
    nithmit
    • 1 ay önce

    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 ay önce
  • nithmit
    nithmit
    • 1 ay önce

    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 ay önce
    1. nathanganserpro
      Yarışma Sahibi
      • 1 ay önce

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

      • 1 ay önce
    2. nithmit
      nithmit
      • 1 ay önce

      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 ay önce
  • StrongDecs
    StrongDecs
    • 1 ay önce

    Hello, Increase price please. Thanks,

    • 1 ay önce
    1. nathanganserpro
      Yarışma Sahibi
      • 1 ay önce

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

      • 1 ay önce
    2. StrongDecs
      StrongDecs
      • 1 ay önce

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

      • 1 ay önce

Daha fazla yorum göster

Yarışmalara nasıl başlanır

  • Projenizi ilan edin

    Yarışmanızı İlan Edin Hızlı ve kolay

  • Tonlarca girdi alın

    Tonlarca Girdi Alın Bütün dünyadan

  • En iyi girdiyi seçin

    En iyi girdiyi seçin Dosyaları indirin - Kolay!

Şimdi bir Yarışma İlan Et ya da Bugün Bize Katılın!