Create a Vue Component for an internal tool

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

Winner

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

Winner

Flere indlæg som dette

Arbejdsgiverfeedback

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

nathanganserpro, United Kingdom.

Bedste indlæg fra denne konkurrence

CarolinaCardoza Venezuela

0
kayecandy Philippines

0
kamransiyal9 Pakistan

0
muhammadali7768 Pakistan

0
StrongDecs Ukraine

0
kamransiyal9 Pakistan

0

Se flere indlæg

Offentlig Præciserings Opslagstavle

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
- 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. Konkurrenceafholder
  - 2 måneder siden
  this was an alternative chart. you can use any library you wish to!
  - 2 måneder siden
2. 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
- 2 måneder siden
Hello, Increase price please. Thanks,
- 2 måneder siden
1. 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
  - 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