Create heatmap visualizations with d3js

Ukończone Opublikowano Jul 14, 2015 Płatność przy odbiorze
Ukończone Płatność przy odbiorze

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]

Eksploracja danych Dthreejs JavaScript Sencha / YahooUI

Numer ID Projektu: #8067719

O projekcie

7 ofert Zdalny projekt Aktywny Jul 16, 2015

Przyznany użytkownikowi:

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 Więcej

$800 USD w ciągu 7 dni
(2 ocen)
4.3

7 freelancerów złożyło ofertę za $1057 w tym projekcie

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 Więcej

$1500 USD w ciągu 21 dni
(8 Oceny)
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 Więcej

$1300 USD w ciągu 10 dni
(0 Oceny)
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 Więcej

$833 USD w ciągu 10 dni
(0 Oceny)
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 w ciągu 15 dni
(0 Oceny)
0.0