Hello Lea (MAVO and D3 interaction)

Testing interaction between MAVO and D3.

<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script src="https://d3js.org/d3.v4.min.js"></script>

<body>

<h3>1. Mavo app</h3>
  
<div mv-app="elementStorage" mv-storage="#data">
  Edit me: 
	<span property="firstName">David</span>
	<span property="lastName">Karger</span>
</div>
  
  <h3>2. Mavo HTML data storage</h3>
  
  <pre id="data">{
	"firstName": "Lea",
	"lastName": "Verou"
}</pre>
  
  
  <h3>3. d3 reading the storage</h3>
  
  <p>placeholder</p>

d3.interval(function(e) {
      d3.select('p').text(
        'Hello ' + JSON.parse(d3.select("#data").text()).firstName
      );
    })
    
  </script>
</body>

https://d3js.org/d3.v4.min.js

https://dev.mavo.io/dist/mavo.js