JSFiddle - React, Tailwind, and code Playground

by mamounothman

HTML

<script src="https://d3js.org/d3.v5.min.js"></script>
<div class="charts_container" id="chart-container" >
		<svg width="100%" height="400" id="chart_area"></svg>
</div>

JavaScript

d3.select('svg').append("g")
    .insert("text")
    .attr("class", "text1")
    .attr("x", 0)
    .attr("y", 100)
    .style("font-size", "56px")
    .text("How are you? 日本国安倍晋三, お元気ですか? 어떻게 지내? ")
    .transition()
    .duration(50000)
    .attr("x", 100);