react-d3-mobile-card
react-d3 mobile card data visualization.
Quick example
Ordinal Card (you can use pictures as ordinal scale)
"use strict"; var React = ;var ReactDOM = ; var OrdinalCard = OrdinalCard; // Example { var width = 300; var height = 400; var data = ; var { return dSiteName; } var { return dStatus; } var { return '<div>狀態:' + dStatus + '</div><div>PM2.5:' + d'PM2.5' + '</div>'; } var cards = data ReactDOM}
Donut Card
"use strict"; var React = ;var ReactDOM = ; var RatioCard = RatioCard; // Example { var width = 300; var height = 400; var data = ; var { return dname; } var {return 100; }; var { return dpercentage; } var { return '<div><b>更新時間:' + dupdateAt + '</b></div>' + '有效蓄水量:' + dvolumn; } var cards= ; forvar key in data cards ReactDOM}
Tag Card
<TagCard key= i data= d width= width height= height title= titleSet margins= left: 30 bottom: 30 right: 30 top: 30 value= text color= color note= noteSet/>
License
Apache 2.0