In Progress

Graph viewer in clean client-side javascript

I would like developed a scrolling, cursored client-side graph viewer in html and javascript for a data set available as arrays in a multi-trace .js file included from the same html file. The data set describe several measurements of the same event, in different resolutions and units. These units and the name of the traces are available as strings in the data file, and must be shown on the axes and when hovering over a data point.

The graph viewer must be able to enable and disable traces via checkboxes, display data points under the cursor, show axis labels and scales, and must be able to scroll and zoom. It may be a good thing if several graphs scroll simultaneously, as the traces are of different types and timescales, but describe the same event. The traces and time frame to display when opening the viewer is available as variables in the data file, but must be user-selectable in the viewer. The graph display should resize itself to use the user screen as much as possible. The resulting graph must be printable.

It is important that the data is viewable in a clean installation of any browser, even quite ancient ones. Any browser since and including IE6 must be able to view and print the content without installing packages or extensions - this includes IE as well as Firefox and Safari.

Existing packages in the public domain may be included and used as foundation, but the entire code must be small (<100 kb) and not license bound.

A crude implementation, which I have made using divs for pixels, is available as a demo of what is needed. A sample data file is also available, and it is possible to change the format if needed. I attach a hand sketch of how I would like the window laid out.

Reposted as the original winner agreed to postpone the project until after Christmas, but has not returned my mails.

Skills: Graphic Design, Javascript

See more: graph viewer javascript, javascript graph viewer, zoom graphic, which graph to use for data, what is in, what is graphs, what is a graph, what graph to use for data, what graph, what are graphs used for, what are graphs, use of graph, use graph, use a graph, units in graphic design, types of data graphs, the graph, screen print graphic design, sample graph data, out in public, original client, in a graph, implementation of graphs, how to graph data, how are graphs used

About the Employer:
( 0 reviews ) Roskilde, Denmark

Project ID: #590740

Awarded to:

doubleyou

It would be great to view the sample input data format. If it is not certain for now, I'd rather develop it by myself. Also, perhaps I'll need some small clarifications of the provided PDF mockup, maybe several UI im More

$500 USD in 14 days
(0 Reviews)
3.4

6 freelancers are bidding on average $567 for this job

krishdts

please check PMB for details.

$750 USD in 20 days
(32 Reviews)
7.5
jeevanoss

Pls see the PMB

$500 USD in 20 days
(18 Reviews)
5.2
XPExtremeProgram

Dear client i have completely gone through your requirement and understand it...i can help you in quick time...contact me asap for quick help..

$400 USD in 5 days
(0 Reviews)
0.0
xcolumn

we are confident.....thts all..

$500 USD in 25 days
(0 Reviews)
0.0
lqtoan

Hi, I have review your note, PM me for more detail.

$750 USD in 24 days
(0 Reviews)
0.0