Mercurial Mercurial > periplus / annotate
summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help
Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
toolkit/javascript/d3/examples/hello-world/hello-transform.html
author Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
Fri, 18 Apr 2014 14:31:58 +0200
changeset 51 79833eaa394a
parent 47 c0b4a8b5a012
permissions -rw-r--r--
set up second level for navigation
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
47
c0b4a8b5a012 add toolkit.html + démonstrateurs
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff changeset 
     1
 
<!DOCTYPE html>
c0b4a8b5a012 add toolkit.html + démonstrateurs
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff changeset 
     2
 
<html>
c0b4a8b5a012 add toolkit.html + démonstrateurs
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff changeset 
     3
 
  <head>
c0b4a8b5a012 add toolkit.html + démonstrateurs
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff changeset 
     4
 
    <title>Hello, world!</title>
c0b4a8b5a012 add toolkit.html + démonstrateurs
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff changeset 
     5
 
    <script type="text/javascript" src="../../d3.js"></script>
c0b4a8b5a012 add toolkit.html + démonstrateurs
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff changeset 
     6
 
  </head>
c0b4a8b5a012 add toolkit.html + démonstrateurs
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff changeset 
     7
 
  <body>
c0b4a8b5a012 add toolkit.html + démonstrateurs
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff changeset 
     8
 
    Your lucky numbers are:<br>
c0b4a8b5a012 add toolkit.html + démonstrateurs
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff changeset 
     9
 
    <span></span>
c0b4a8b5a012 add toolkit.html + démonstrateurs
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff changeset 
    10
 
    <span></span>
c0b4a8b5a012 add toolkit.html + démonstrateurs
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff changeset 
    11
 
    <span></span>
c0b4a8b5a012 add toolkit.html + démonstrateurs
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff changeset 
    12
 
    <span></span>
c0b4a8b5a012 add toolkit.html + démonstrateurs
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff changeset 
    13
 
    <span></span>
c0b4a8b5a012 add toolkit.html + démonstrateurs
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff changeset 
    14
 
    <script type="text/javascript">
c0b4a8b5a012 add toolkit.html + démonstrateurs
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff changeset 
    15
 












c0b4a8b5a012
add toolkit.html + démonstrateurs



Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>


parents: 

diff
changeset




    16


d3.selectAll("span")












c0b4a8b5a012
add toolkit.html + démonstrateurs



Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>


parents: 

diff
changeset




    17


  .append("svg:svg")












c0b4a8b5a012
add toolkit.html + démonstrateurs



Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>


parents: 

diff
changeset




    18


    .attr("width", 100)












c0b4a8b5a012
add toolkit.html + démonstrateurs



Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>


parents: 

diff
changeset




    19


    .attr("height", 100)












c0b4a8b5a012
add toolkit.html + démonstrateurs



Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>


parents: 

diff
changeset




    20


  .append("svg:text")












c0b4a8b5a012
add toolkit.html + démonstrateurs



Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>


parents: 

diff
changeset




    21


    .attr("x", "50%")












c0b4a8b5a012
add toolkit.html + démonstrateurs



Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>


parents: 

diff
changeset




    22


    .attr("y", "50%")












c0b4a8b5a012
add toolkit.html + démonstrateurs



Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>


parents: 

diff
changeset




    23


    .attr("dy", ".35em")












c0b4a8b5a012
add toolkit.html + démonstrateurs



Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>


parents: 

diff
changeset




    24


    .attr("text-anchor", "middle")












c0b4a8b5a012
add toolkit.html + démonstrateurs



Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>


parents: 

diff
changeset




    25


    .attr("fill", "white")












c0b4a8b5a012
add toolkit.html + démonstrateurs



Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>


parents: 

diff
changeset




    26


    .attr("stroke", "black")












c0b4a8b5a012
add toolkit.html + démonstrateurs



Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>


parents: 

diff
changeset




    27


    .attr("stroke-width", 1.5)












c0b4a8b5a012
add toolkit.html + démonstrateurs



Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>


parents: 

diff
changeset




    28


    .style("font", "36pt Comic Sans MS")












c0b4a8b5a012
add toolkit.html + démonstrateurs



Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>


parents: 

diff
changeset




    29


    .style("text-shadow", "3px 3px 3px rgba(0,0,0,.4)")












c0b4a8b5a012
add toolkit.html + démonstrateurs



Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>


parents: 

diff
changeset




    30


    .text(function() { return ~~(Math.random() * 100); });












c0b4a8b5a012
add toolkit.html + démonstrateurs



Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>


parents: 

diff
changeset




    31














c0b4a8b5a012
add toolkit.html + démonstrateurs



Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>


parents: 

diff
changeset




    32


function transform() {












c0b4a8b5a012
add toolkit.html + démonstrateurs



Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>


parents: 

diff
changeset




    33


  d3.selectAll("text")












c0b4a8b5a012
add toolkit.html + démonstrateurs



Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>


parents: 

diff
changeset




    34


      .text(function() { return ~~(Math.random() * 100); });












c0b4a8b5a012
add toolkit.html + démonstrateurs



Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>


parents: 

diff
changeset




    35


}












c0b4a8b5a012
add toolkit.html + démonstrateurs



Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>


parents: 

diff
changeset




    36














c0b4a8b5a012
add toolkit.html + démonstrateurs



Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>


parents: 

diff
changeset




    37


window.addEventListener("keypress", transform, false);












c0b4a8b5a012
add toolkit.html + démonstrateurs



Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>


parents: 

diff
changeset




    38














c0b4a8b5a012
add toolkit.html + démonstrateurs



Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>


parents: 

diff
changeset




    39


    </script>












c0b4a8b5a012
add toolkit.html + démonstrateurs



Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>


parents: 

diff
changeset




    40


  </body>












c0b4a8b5a012
add toolkit.html + démonstrateurs



Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>


parents: 

diff
changeset




    41


</html>














periplus