Bonjour,

J'ai une question de la famille "d�butant".
Je souhaite faire des graphiques qui tiennent la route esth�tiquement. Rickshaw (on dit "librairie js" ?) semble convenir � mes besoins.

Voici le code sur lequel je souhaite intervenir:


http://code.shutterstock.com/rickshaw/
Code : S�lectionner tout - Visualiser dans une fen�tre � part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
<!doctype html> 
<script src="/vendor/d3.min.js"></script> 
<script src="/vendor/d3.layout.min.js"></script> 
<script src="/rickshaw.min.js"></script> 
 
<div id="chart"></div> 
 
<script> 
 
var graph = new Rickshaw.Graph( {
    element: document.querySelector("#chart"), 
    width: 300, 
    height: 200, 
    series: [{
        color: 'steelblue',
        data: [ 
            { x: 0, y: 40 }, 
            { x: 1, y: 49 }, 
            { x: 2, y: 38 }, 
            { x: 3, y: 30 }, 
            { x: 4, y: 32 } ]
    }]
});
 
graph.render();
 
</script>

Je veux que le graph apparaisse au chargement de la page dans le navigateur.
Je veux cr�er un r�pertoire standard pour mon projet, c'est-�-dire s�parer HTML et javascript.

quelqu'un peut-il m'indiquer comment aboutir � mes fins ? (ce que je prends du code original pour le glisser dans un .js et comment j'appelle la fonction pour qu'elle soit appel�e � l'affichage).

quelqu'un peut-il aussi me pr�ciser le sens de : <div id="chart"></div> ??
comment le navigateur associe-t'il le nom "chart" � la fonction en question??

merci