Create heatmap visualizations with d3js

Completado Publicado Jul 14, 2015 Pagado a la entrega
Completado Pagado a la entrega

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]

Extracción de datos Dthreejs JavaScript Sencha / YahooUI

Nº del proyecto: #8067719

Sobre el proyecto

7 propuestas Proyecto remoto Activo Jul 16, 2015

Adjudicado a:

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 Más

$800 USD en 7 días
(2 comentarios)
4.3

7 freelancers están ofertando un promedio de $1057 por este trabajo

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 Más

$1500 USD en 21 días
(8 comentarios)
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 Más

$1300 USD en 10 días
(0 comentarios)
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 Más

$833 USD en 10 días
(0 comentarios)
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 en 15 días
(0 comentarios)
0.0