JSFiddle - React, Tailwind, and code Playground

by Eduard Dyckman

HTML

<div style="width: 500px; height: 500px;">
  <svg viewBox="0 0 500 500" style="width: 400px; height: 400px;">
    
  </svg>
  <button>
   Change text
  </button>
</div>

JavaScript

d3.select('svg').append('text')
.attr('x', 5)
.attr('y', 30)
.text('Lololo');

d3.select('button')
.on('click', function(){
	d3.select('svg').select('text')
  	.html('<tspan style="font-weight: bold">Nice!</tspan>');
})