Create a Vue Component for an internal tool

  • Status: Closed
  • Præmier: £50
  • Modtagne indlæg: 6
  • Vinder: CarolinaCardoza

Konkurrence Instruktioner

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!

Anbefalede Evner

Arbejdsgiverfeedback

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

Profilbillede nathanganserpro, United Kingdom.

Bedste indlæg fra denne konkurrence

Se flere indlæg

Offentlig Præciserings Opslagstavle

  • nithmit
    nithmit
    • 1 måned siden

    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 måned siden
  • nithmit
    nithmit
    • 2 måneder siden

    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.

    • 2 måneder siden
    1. nathanganserpro
      Konkurrenceafholder
      • 2 måneder siden

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

      • 2 måneder siden
    2. nithmit
      nithmit
      • 2 måneder siden

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

      • 2 måneder siden
  • StrongDecs
    StrongDecs
    • 2 måneder siden

    Hello, Increase price please. Thanks,

    • 2 måneder siden
    1. nathanganserpro
      Konkurrenceafholder
      • 2 måneder siden

      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 måneder siden
    2. StrongDecs
      StrongDecs
      • 2 måneder siden

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

      • 2 måneder siden

Vis flere kommentarer

Sådan kommer du i gang med konkurrencer

  • Opret din konkurrence

    Opret din konkurrence Hurtigt og nemt

  • Få tonsvis af indlæg

    Få tonsvis af indlæg Fra hele verden

  • Tildel det bedste indlæg

    Tildel det bedste indlæg Download filerne - Nemt!

Opret en Konkurrence Nu eller slut dig til os i dag!