Create heatmap visualizations with d3js

Completed Posted Jul 14, 2015 Paid on delivery
Completed Paid on delivery

Create three different heatmap visualizations with d3.js and integrate them into a ExtJS window.

The heatmap visualizations are similar to the example given in [1]. We will send you a draft if you are interested in this project.

Visualization 1:

- Show measurement data of one or more sensors in one or more measuring locations in heatmaps (one heatmap per location). Each heatmap consists of 1 or more rows (for every sensor).

- The x axis represents the time and should be formatted accordingly

- In the configuration, it may be specified if all heatmaps share the same scale (colorbar), or if each one has its own

- It should be possible to switch the colorbar on or off (button)

- Implement a tooltip that indicates the value of all measurements in the same heatmap for the selected moment in time

- When the ExtJS window is resized, the heatmaps will resize too. The font size should, however, remain the same

- The data can be queried from the server. For simplicity, assume that the data has json format

Visualization 2:

- Displays measurement data of one sensor mounted in one location in a heatmap

- x and y axis are both time axes. The user may select a time scale which determines the axes: If a "row" on the y-axis represents a day, the values on the x-axis range from 00:00 to 24:00 of that day. If a "row" on the y-axis represents a week, the values on the x-axis range from Monday 00:00 till Sunday 24:00. And if a row represents a month, the data of the month will be displayed on the y-axis

- The other specs correspond to those of Visualization 1

Visualization 3:

- Heatmap with one row representing a process cycle, the x-axis indicates the time passed since the begin of the cycle. The cycles have variable length.

- The other specs correspond to those of Visualization 2

Please note that the visualizations will eventually be integrated into our ExtJS application. They should be implemented as ExtJS classes (Ext.define...) and configuration options should be documented within the class file. Limit the libraries used to ExtJS (version 4.x), d3js, c3js and jquery.

References:

[1] [url removed, login to view]~karhohs/bcmp309qc/bindingPart2/figures/[url removed, login to view]

Data Mining Dthreejs JavaScript Sencha / YahooUI

Project ID: #8067719

About the project

7 proposals Remote project Active Jul 16, 2015

Awarded to:

JinNg

Hi, My name is Jin. I have over 20 years of experience working in IT. Over 10 years in Australia as a contract programmer for companies like NAB, Bosch, etc. I am now based in Malaysia. I have extensive exper More

$800 USD in 7 days
(2 Reviews)
4.3

7 freelancers are bidding on average $1057 for this job

esafeguard

Hello. I'm a JavaScript and HTML5 expert with experience in creating interactive applications with maps, charts, graphs and animations (see my portfolio for examples of my work). I have experience working with various More

$1500 USD in 21 days
(8 Reviews)
4.9
bonapps

Hello Mate! I am interested in the project you posted. Their are lot of interested people here and they have lot of different things so i dont know you will reply me or not or even read my post or not but i want to More

$1300 USD in 10 days
(0 Reviews)
0.0
spereree

Our Highly skilled team of 3 developers has extensive experience in developing data driven applications and applying the technology as required by individual project specs. The team also has vast experience in applying More

$833 USD in 10 days
(0 Reviews)
0.0
muzammilar

I've been working in d3js for a couple of months now. I can easily learn ExtJS as per the requirement.

$700 USD in 15 days
(0 Reviews)
0.0