Data visualization (line/bar charts)
Budget: $10 – $130 USD
This project is about to work out good charts for data visualization.
The charts that I would like to have is:
a) Line char
b) Side by side bar chart
c) Stacked bar chart
The project will include itteration back and forward to make the line, side by side bar and stacked bar chart work and look good. If you do
not want to itterate back and forward to get a good solution, this project is not for you.
The starting point for the project will be three open source libraries for data visualization:
1) highcharts,
2) D3.JS
3) chart.js.
Do you know any better open source data visualization libraries to use? If, we can discuss to include that library in the project.
For each of the open source libraries, highchart, D3.JS and chart.js, a good working line, side by side bar and stacked bar chart should be delivered. They should fulfill the following requirements.
Requirements:
==================
0) Jquery/Javascript
1) Color theme for the charts is black/white/gray
2) Multiple lines/bars will be displayed in the same chart (Up to 15)
3) y-axis label, x-axis label
4) Chart header
5) Frame around the chart
6) Description of the lines/bars below the chart
7) Export the chart to png/jpg
8) Zoom x-axis with the mouse, mouse scroll/area select. Possible to move selected window
9) Zoom y-axis with select dropdowns (Max/Min)
10) Support for both desktop/mobile(Andriod/IOS)
11) The line/bar chart should change width if the window width is changed and the x-axis should change to show the best number of points.
12) Mouse hover should display the y-values for the x-value as a tooltip.
13) Five different types of line/bar chart dependent on the x-axis. The following should be displyed on the x-axis.
a) Year/Month/Week/Day
b) Year/Month/Week
c) Year/Month/Day
d) Year/Week
e) Values
When the x-axis is zoomed the x-axis values should be updated and show the best number of points.
14) Additional code in CCS/javascript/JQuery
15) Shortcuts upper left corner Current Year/Current Month/Current Week
16) Demo data: random, two years
17) The charts should be possible to add instances of, i.e several charts of the same type on the same page.
Included are some pictures for inspiraction how the line chart could look like.
If you are intetested in the project. Descripe what data visualization libraries you have used and confirm that
you are open to itterate back and forward to get a good result.
The charts that I would like to have is:
a) Line char
b) Side by side bar chart
c) Stacked bar chart
The project will include itteration back and forward to make the line, side by side bar and stacked bar chart work and look good. If you do
not want to itterate back and forward to get a good solution, this project is not for you.
The starting point for the project will be three open source libraries for data visualization:
1) highcharts,
2) D3.JS
3) chart.js.
Do you know any better open source data visualization libraries to use? If, we can discuss to include that library in the project.
For each of the open source libraries, highchart, D3.JS and chart.js, a good working line, side by side bar and stacked bar chart should be delivered. They should fulfill the following requirements.
Requirements:
==================
0) Jquery/Javascript
1) Color theme for the charts is black/white/gray
2) Multiple lines/bars will be displayed in the same chart (Up to 15)
3) y-axis label, x-axis label
4) Chart header
5) Frame around the chart
6) Description of the lines/bars below the chart
7) Export the chart to png/jpg
8) Zoom x-axis with the mouse, mouse scroll/area select. Possible to move selected window
9) Zoom y-axis with select dropdowns (Max/Min)
10) Support for both desktop/mobile(Andriod/IOS)
11) The line/bar chart should change width if the window width is changed and the x-axis should change to show the best number of points.
12) Mouse hover should display the y-values for the x-value as a tooltip.
13) Five different types of line/bar chart dependent on the x-axis. The following should be displyed on the x-axis.
a) Year/Month/Week/Day
b) Year/Month/Week
c) Year/Month/Day
d) Year/Week
e) Values
When the x-axis is zoomed the x-axis values should be updated and show the best number of points.
14) Additional code in CCS/javascript/JQuery
15) Shortcuts upper left corner Current Year/Current Month/Current Week
16) Demo data: random, two years
17) The charts should be possible to add instances of, i.e several charts of the same type on the same page.
Included are some pictures for inspiraction how the line chart could look like.
If you are intetested in the project. Descripe what data visualization libraries you have used and confirm that
you are open to itterate back and forward to get a good result.