JSFiddle - React, Tailwind, and code Playground
by Plippie Plop
HTML
<div class="cp" data-graph-data='{"value":"200","item":"Hello world"}'></div>
<div class="cp" data-jsn='{"value":"300","item":"Hello moon"}'></div>
<div class="cp" data-jsn='{"value":"500","item":[{"opt":"Hello mars"}]}'></div>
JavaScript
var div = document.querySelectorAll(".cp");
for(var i=0, l=div.length;i < l;i++){
let dv = div[i];
let dvData = dv.dataset;
console.log(JSON.parse(dvData.graphData));
//console.log(res);
//console.log(res.value);
}