JSFiddle - React, Tailwind, and code Playground
by Kieran Dang
HTML
<script src="https://www.google.com/jsapi?fake=.js"></script>
<select id="state">
<option value="" selected="selected">Select a province to highlight</option>
<option value="VN-44">An Giang</option>
<option value="VN-43">Bà Rịa–Vũng Tàu</option>
<option value="VN-54">Bắc Giang</option>
<option value="VN-53">Bắc Kạn</option>
<option value="VN-55">Bạc Liêu</option>
<option value="VN-56">Bắc Ninh</option>
<option value="VN-50">Bến Tre</option>
<option value="VN-31">Bình Định</option>
<option value="VN-57">Bình Dương</option>
<option value="VN-58">Bình Phước</option>
<option value="VN-40">Bình Thuận</option>
<option value="VN-59">Cà Mau</option>
<option value="VN-04">Cao Bằng</option>
<option value="VN-33">Đắk Lắk</option>
<option value="VN-72">Đắk Nông</option>
<option value="VN-71">Điện Biên</option>
<option value="VN-39">Đồng Nai</option>
<option value="VN-45">Đồng Tháp</option>
<option value="VN-30">Gia Lai</option>
<option value="VN-03">Hà Giang</option>
<option value="VN-63">Hà Nam</option>
<option value="VN-23">Hà Tĩnh</option>
<option value="VN-61">Hải Dương</option>
<option value="VN-73">Hậu Giang</option>
<option value="VN-14">Hòa Bình</option>
<option value="VN-66">Hưng Yên</option>
<option value="VN-34">Khánh Hòa</option>
<option value="VN-47">Kiến Giang</option>
<option value="VN-28">Kon Tum</option>
<option value="VN-01">Lai Châu</option>
<option value="VN-35">Lâm Đồng</option>
<option value="VN-09">Lạng Sơn</option>
<option value="VN-02">Lào Cai</option>
<option value="VN-41">Long An</option>
<option value="VN-67">Nam Định</option>
<option value="VN-22">Nghệ An</option>
<option value="VN-18">Ninh Bình</option>
<option value="VN-36">Ninh Thuận</option>
<option value="VN-68">Phú Thọ</option>
<option value="VN-32">Phú Yên</option>
<option value="VN-24">Quảng Bình</option>
<option...
JavaScript
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'State');
data.addColumn('number', 'Popularity');
data.addRows([
[{
v: 'VN-44',
f: 'An Giang'
},
9],
[{
v: 'VN-43',
f: 'Bà Rịa–Vũng Tàu'
},
9],
[{
v: 'VN-54',
f: 'Bắc Giang'
},
9],
[{
v: 'VN-53',
f: 'Bắc Kạn'
},
9],
[{
v: 'VN-55',
f: 'Bạc Liêu'
},
9],
[{
v: 'VN-56',
f: 'Bắc Ninh'
},
9],
[{
v: 'VN-50',
f: 'Bến Tre'
},
9],
[{
v: 'VN-31',
f: 'Bình Định'
},
9],
[{
v: 'VN-57',
f: 'Bình Dương'
},
9],
[{
v: 'VN-58',
f: 'Bình Phước'
},
9],
[{
v: 'VN-40',
f: 'Bình Thuận'
},
9],
[{
v: 'VN-59',
f: 'Cà Mau'
},
9],
[{
v: 'VN-04',
f: 'Cao Bằng'
},
9],
[{
v: 'VN-33',
f: 'Đắk Lắk'
},
9],
[{
v: 'VN-72',
f: 'Đắk Nông'
},
9],
[{
v: 'VN-71',
f: 'Điện Biên'
},
9],
[{
v: 'VN-39',
f: 'Đồng Nai'
},
9],
[{
v: 'VN-45',
f: 'Đồng Tháp'
},
9],
[{
v: 'VN-30',
f: 'Gia Lai'
},
9],
[{
v: 'VN-03',
f: 'Hà Giang'
},
9],
[{
v: 'VN-63',
f: 'Hà Nam'
},
9],
[{
v: 'VN-23',
...