D3 Examples - TAL_dialogue_simple_rects

xxxxxxxxxx
 
<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script src="https://d3js.org/d3.v5.min.js"></script>
  <link href="https://fonts.googleapis.com/css?family=EB+Garamond:600|Roboto:400,500,700" rel="stylesheet">
  <link href="tal_viz_styles.css" rel="stylesheet">
</head>
​
<body>
  <div class="chart-tooltip">
    <div class="tt-info">
      <span class="tt-heading"></span>
      <br />
      <span class="tt-description"></span>
      <div class="gender-bars">
        <div class="gender-prop">
          <div class="gender-bar female-bar"></div>
          <span class="gender-label female"></span>
        </div>
        <div class="gender-prop">
          <div class="gender-bar male-bar"></div>
          <span class="gender-label male"></span>
        </div>
      </div>
    </div>
  </div>
  <script src="tal_viz.js"></script>
</body>
​
    