In Progress

Implementation of a Charting Plugin for ExtJS based on D3JS for the Visualization of Time Series Data

This project aims at the development of a charting widget for the visualization of process data (time series) stored on a server. The widget must be capable to draw one or more date series on one or more axes.

The implementation shall be done with [url removed, login to view], integrated into an ExtJS widget (version 4.1.3 or later). A prototype will be made available to the freelancer.

A particular challenge of this project is the massive amount of data available on the server, which makes loading all data into the client unpractical and thus requires smart data loading and caching algorithms.

Please note, however, that the server pre-aggregates all data (hourly, daily and weekly averages, maximum and minimum values etc.) which should be used when many days’ data should be visible.

* Data Characterization *

- Expect all time series to be real-valued

- Each time series has its own sampling interval (which may even vary over time)

- Time series might have missing values, but they will be marked (quality information)

* Client-Server Communication *

- Data is stored on the server and can be queried via Ajax. The query and return format can be changed according to the freelancer’s requirements. A non-exhaustive list of query arguments includes: time_series_id, from_date, to_date, limit, aggregation level; the returned json object typically contains and array of data points (date-value-quality triples).

- Client and server are in the same network, so latency is low and bandwidth high. Also, there will typically only be one or two clients performing requests on the server. So, both, performing many little and few large queries will be fine.

* Frontend *

The screenshot of the frontend prototype (will be made available) is attached to this project proposal. Key aspects of the user experience are detailed here:

Choice of the visible time domain:

- The user specifies a time span by choosing from_date and to_date from calendar widgets

- The user specifies the number of days he/she wants to display

- The user scrolls forward or backward by means of arrows

Navigation-Tools:

- Zoom and pan (mouse wheel scrolls, left-click and mouse-move pans)

- Zoom only (user draws rectangle to zoom in (rectangle and shift-key to zoom out)

- Hover: a vertical hover line is displayed and data values are shown

- Selection: A user selects data points by drawing a rectangle (and a callback function is called with the rectangle bounds)

Legend:

- Visible time series are listed in an ExtJS gridpanel (marker, color, caption, unit)

Series properties:

- The user must be able to change style properties of the selected series (selected in legend gridpanel), which includes colors (line and marker), whether or not to display line, line and marker size, and on which axis to draw

Axes:

- Because values of time series that are visualized together may have different magnitudes, it must be possible to add additional axis on the left (and if possible also right) of the plot and to switch the axis a time series is plotted on.

Automatic selection of aggregation levels:

- On zoom in and zoom out, aggregation levels should automatically be switched (e.g., from raw to hourly data, from hourly to daily data etc.). When aggregated values are displayed, minimum and maximum values within the aggregation window must be visible, in addition to the average value.

Load and save:

- It must be possible to load and save the chart configuration (JSON object)

* Material and Documents *

- A standalone prototype application implementing some of the features pointed out above will be made available

- Additionally, [url removed, login to view] might be a good starting point in terms of interactive line graphs for D3

- A more appropriate solution to ExtJS Stores might be the Dataset module of “The Miso Project” ([url removed, login to view])

Please feel free to contact me should you require additional information.

Skills: Data Processing, Dthreejs, Javascript, MVC, User Interface / IA

See more: extjs d3js, d3js extjs, extjs plugin, extjs draw plugin, based d3js, d3js plugin, extjs plugin free charting, visualization extjs, miso dataset extjs chart, d3js axis date, d3js time series, d3js zoom pan, d3js time, extjs chart plugin, extjs chart time, window display freelancer, value or freelancer com, tools for freelancer, the levels, the challenge series, stores freelancer com, sampling proposal, requirements of freelancer, rectangle line, prototype widgets

About the Employer:
( 40 reviews ) Baar, Switzerland

Project ID: #4343772

Awarded to:

protocyber

I have long experiences with ExtJS. I have also seen and studied the D3JS documentation and I am very confident to say that I am fully capable of doing this job. I actually want to do this project for FREE because I re More

$1000 USD in 30 days
(0 Reviews)
0.0

15 freelancers are bidding on average $1308 for this job

themexlx

Please see inbox for detail

$1300 USD in 21 days
(24 Reviews)
6.4
qualifiedcoders

Hi We are interested in your project and read your requirements.We have completed 150+ big projects in last 5 years. Please check private message board for details.

$1360 USD in 11 days
(6 Reviews)
6.7
nsdu

I'm interested.

$2000 USD in 10 days
(9 Reviews)
4.2
bistanil98

ready to start the project. I want to introduce our self, we are a group of freelancers we have 11 year of experience in web application development and design for different domain, please go through the attach More

$1100 USD in 30 days
(4 Reviews)
4.2
yugiohhus89

hi, i can do it for U. please pm to me.

$1000 USD in 20 days
(1 Review)
3.8
vickkey7

I am ready to start this project...

$875 USD in 15 days
(3 Reviews)
3.5
developco

Hi. I good know ExtJs. If need i can how ExtJS NVC project.

$900 USD in 7 days
(1 Review)
1.9
cliscwang

I am the right man you need. Please check your PMB.

$900 USD in 30 days
(4 Reviews)
1.8
enginekhan

Okay Ready to start

$1500 USD in 30 days
(3 Reviews)
1.8
darthsidius

Hi, I'm a web developer in Visalia CA with 7 years experience. My portfolio includes recent samples of both client- and server-side programming. Please see private message for further discussion. Thanks for your ti More

$1300 USD in 21 days
(2 Reviews)
2.8
getveltrod

Hi, Veltrod Software services is a global software consulting company specialized in providing Mobile applications, Social media frameworks and eCommerce solutions. Leveraging best-in-class people, processes, and te More

$1300 USD in 25 days
(1 Review)
0.0
cafespy

Hi, there we have a good experience in software development and we can handle this one hassle free.

$1500 USD in 35 days
(0 Reviews)
0.0
nugrohojaya

lets me see

$1400 USD in 9 days
(0 Reviews)
0.0
pbwilliam

Hello, We have a team of designers and developers focus on developing and implementing enterprise products and solutions. We have over four years of experience, a passion for providing great service. Since we had si More

$2180 USD in 30 days
(0 Reviews)
0.0