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.

Evner: CSS, Javascript

Se mere: which graph to use for data, use a graph, svg 2, project end time, graph to data, data on a graph, data in a graph, data for a graph, create line graph, create a line graph, create a graph, javascript data format, time series, svg user, svg javascript html, small javascript project, load time, just in time, delivery time, d3js, annotating, javascript small project html, javascript click tag, css html tag, d3js plugin

Om arbejdsgiveren:
( 0 bedømmelser ) United States

Projekt ID: #6037904

1 freelancer byder i gennemsnit $263 på 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)