A Javascript Component for Annotating Time Series Data -- 2

In this project, you will create a small javascript module that

(1) load in a series of numbers and display this time series data in a line graph (e.g., stock prices over time) in SVG format.

(2) allow the user to select multiple portions of the graph. To select a portion, the user can click on the graph to indicate the start time, then click again to indicate the end time of the portion. After indicating the end time, that portion will be highlighted, and a panel will appear just above the mouse click, containing a text box that allows the user to enter a tag to label that portion. The user can decide not to label at that point in time by closing the panel.

(3) when the user mouse over a previous selected portion, they can see any tags that have been associate with that portion. The user can also click on a previously selected portion to enter a tag.


- You should not use any off-the-shelf javascript plugins. The only plugin you can use, if you choose to, is D3 ([url removed, login to view]).

- as delivery, please include the HTML, Javascript, and CSS files.

- a screenshot is attached, which illustrates some of the requirements.

Færdigheder: CSS, Javascript

Se mere: use graph, svg 2, project end time, create line graph, create graph, javascript data format, time series, svg user, svg javascript html, small javascript project, load time, time, delivery time, d3js, annotating, javascript small project html, javascript click tag, css html tag, d3js plugin, javascript load click, component plugin, css time line, svg css, select component, javascript svg text

Om arbejdsgiveren:
( 0 bedømmelser ) United States

Projekt-ID: #6037904

1 freelancer byder i gennemsnit $263 for dette job


A proposal has not yet been provided

$263 USD in 10 dage
(64 bedømmelser)

Предложение еще не подано

$311 USD in 3 dage
(0 bedømmelser)