sammyt/README.md

## README.md

      
    Raw
  

              README.md
            
          
    The Generated HTML

<header>
  <nav>
    <ul>
      <li>here</li>
      <li>there</li>
      <li>everywhere</li>
    </ul>
  </nav>
</header>
<section class="main">
  <h2 class="leader">Oh My!</h2>
  <p class="summary">wibble wobble jelly on a plate</p>
  <p class="waffle"></p>
</section>
<footer></footer>

  
## index.html
<html>
<head>
  <meta charset="utf-8">
  <title>see demo</title>

  <script src="http://d3js.org/d3.v3.min.js"></script>
  <script src="http://rawgithub.com/sammyt/see/master/src/see.js"></script>
</head>
  <body></body>

  <script type="text/javascript">
    d3.select('body')
      .select(see('header+(section.main>$h2.leader)+footer'))
      .text('Oh My!')

    d3.select('header')
      .selectAll(see('nav>ul>$li*3'))
      .data(['here', 'there', 'everywhere'])
      .text(see.d)

    d3.select('.main')
      .select(see('$p.summary+p.waffle'))
      .text('wibble wobble jelly on a plate')
  </script>
</html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>see demo</title>

	<script src="http://d3js.org/d3.v3.min.js"></script>
	<script src="http://rawgithub.com/sammyt/see/master/src/see.js"></script>
	</head>
	<body></body>

	<script type="text/javascript">
	d3.select('body')
	.select(see('header+(section.main>$h2.leader)+footer'))
	.text('Oh My!')

	d3.select('header')
	.selectAll(see('nav>ul>$li*3'))
	.data(['here', 'there', 'everywhere'])
	.text(see.d)

	d3.select('.main')
	.select(see('$p.summary+p.waffle'))
	.text('wibble wobble jelly on a plate')
	</script>
	</html>