Website Bar Graphs

Question

I am in no way a web designer, so I would like to receive the detailed help that you are ready to give.

I would like to make a website that tracks some of the data that I entered using a histogram from 0 to 100%. I would enter the maximum number that the schedule could go to, and then some data will be periodically updated, which will affect the completion schedule.

How can I do it?

I know basic HTML and PHP, but have not used them for too long.

Answer 1

, . /, , , . HTML/CSS ...

PS: , Firefox 3.x

<style type="text/css">
.bar
{
    background-color: green;
    position: relative;
    height: 16px;
    margin-top: 8px;
    margin-bottom: 8px; 
}
</style>

<div id="barcontainer" style="width:200px;">
    <div id="bar1" class="bar" style="width:43%;"></div>
    <div id="bar2" class="bar" style="width:12%;"></div>
    <div id="bar3" class="bar" style="width:76%;"></div>
    <div id="bar4" class="bar" style="width:100%;"></div>
</div>

javascript ( ).

Answer 2

, , , google. - , , . http://code.google.com/apis/visualization/

Answer 3

, , PHP HTML, GD PHP.

.

, .

Answer 4

. (, PHP ) , javascript.

PHP, , , PHP- PHP .

javascript- flot ( jquery) flotr ( ) . , , , .

Answer 5

, Google Spreadsheets, / :

http://googlesystem.blogspot.com/2007/04/google-spreadsheets-charts.html

Answer 6

: . ExtJS (http://extjs . com/deploy/dev/examples/chart/reload-chart.html). , javascript.

Answer 7

, D3. .

http://d3js.org/