|
103 | 103 | <div class="col-sm-12 col-md-12 m-3"> |
104 | 104 | <div class="text-center"><b>Total number of phishing URLs (per month)</b></div> |
105 | 105 | <div id="chart--wrapper"></div> |
106 | | - <div class="text-center mt-3"><b>Top 5 Phishing URL TLDs (202407)</b></div> |
| 106 | + <div class="text-center mt-3"><b>Top 5 Phishing URL TLDs (202410)</b></div> |
107 | 107 | <div id="piechart--wrapper1"></div> |
108 | | - <div class="text-center mt-3"><b>Top 5 Phishing URL TLDs (202406)</b></div> |
| 108 | + <div class="text-center mt-3"><b>Top 5 Phishing URL TLDs (202409)</b></div> |
109 | 109 | <div id="piechart--wrapper2"></div> |
110 | | - <div class="text-center mt-3"><b>Top 5 Phishing URL TLDs (202405)</b></div> |
| 110 | + <div class="text-center mt-3"><b>Top 5 Phishing URL TLDs (202408)</b></div> |
111 | 111 | <div id="piechart--wrapper3"></div> |
112 | 112 | </div> |
113 | 113 | </div> |
|
121 | 121 | const padding = 30; |
122 | 122 | let color = d3.rgb("#85a7cc"); |
123 | 123 |
|
124 | | - let dataset = [{'date': '201901', 'value': 316}, {'date': '201902', 'value': 435}, {'date': '201903', 'value': 589}, {'date': '201904', 'value': 399}, {'date': '201905', 'value': 519}, {'date': '201906', 'value': 459}, {'date': '201907', 'value': 836}, {'date': '201908', 'value': 661}, {'date': '201909', 'value': 568}, {'date': '201910', 'value': 589}, {'date': '201911', 'value': 506}, {'date': '201912', 'value': 582}, {'date': '202001', 'value': 647}, {'date': '202002', 'value': 831}, {'date': '202003', 'value': 1125}, {'date': '202004', 'value': 972}, {'date': '202005', 'value': 726}, {'date': '202006', 'value': 976}, {'date': '202007', 'value': 951}, {'date': '202008', 'value': 1131}, {'date': '202009', 'value': 1193}, {'date': '202010', 'value': 1233}, {'date': '202011', 'value': 894}, {'date': '202012', 'value': 1460}, {'date': '202101', 'value': 1135}, {'date': '202102', 'value': 1059}, {'date': '202103', 'value': 1103}, {'date': '202104', 'value': 1492}, {'date': '202105', 'value': 1587}, {'date': '202106', 'value': 1627}, {'date': '202107', 'value': 1828}, {'date': '202108', 'value': 3569}, {'date': '202109', 'value': 2670}, {'date': '202110', 'value': 3615}, {'date': '202111', 'value': 4282}, {'date': '202112', 'value': 3954}, {'date': '202201', 'value': 3349}, {'date': '202202', 'value': 4800}, {'date': '202203', 'value': 6612}, {'date': '202204', 'value': 5398}, {'date': '202205', 'value': 6152}, {'date': '202206', 'value': 7022}, {'date': '202207', 'value': 7191}, {'date': '202208', 'value': 5337}, {'date': '202209', 'value': 4903}, {'date': '202210', 'value': 5376}, {'date': '202211', 'value': 2416}, {'date': '202212', 'value': 3374}, {'date': '202301', 'value': 2041}, {'date': '202302', 'value': 2271}, {'date': '202303', 'value': 3937}, {'date': '202304', 'value': 4219}, {'date': '202305', 'value': 7251}, {'date': '202306', 'value': 10582}, {'date': '202307', 'value': 5483}, {'date': '202308', 'value': 6024}, {'date': '202309', 'value': 4423}, {'date': '202310', 'value': 4138}, {'date': '202311', 'value': 4194}, {'date': '202312', 'value': 6243}, {'date': '202401', 'value': 5773}, {'date': '202402', 'value': 7995}, {'date': '202403', 'value': 6249}, {'date': '202404', 'value': 7268}, {'date': '202405', 'value': 5167}, {'date': '202406', 'value': 3907}, {'date': '202407', 'value': 3562}]; |
| 124 | + let dataset = [{'date': '201901', 'value': 316}, {'date': '201902', 'value': 435}, {'date': '201903', 'value': 589}, {'date': '201904', 'value': 399}, {'date': '201905', 'value': 519}, {'date': '201906', 'value': 459}, {'date': '201907', 'value': 836}, {'date': '201908', 'value': 661}, {'date': '201909', 'value': 568}, {'date': '201910', 'value': 589}, {'date': '201911', 'value': 506}, {'date': '201912', 'value': 582}, {'date': '202001', 'value': 647}, {'date': '202002', 'value': 831}, {'date': '202003', 'value': 1125}, {'date': '202004', 'value': 972}, {'date': '202005', 'value': 726}, {'date': '202006', 'value': 976}, {'date': '202007', 'value': 951}, {'date': '202008', 'value': 1131}, {'date': '202009', 'value': 1193}, {'date': '202010', 'value': 1233}, {'date': '202011', 'value': 894}, {'date': '202012', 'value': 1460}, {'date': '202101', 'value': 1135}, {'date': '202102', 'value': 1059}, {'date': '202103', 'value': 1103}, {'date': '202104', 'value': 1492}, {'date': '202105', 'value': 1587}, {'date': '202106', 'value': 1627}, {'date': '202107', 'value': 1828}, {'date': '202108', 'value': 3569}, {'date': '202109', 'value': 2670}, {'date': '202110', 'value': 3615}, {'date': '202111', 'value': 4282}, {'date': '202112', 'value': 3954}, {'date': '202201', 'value': 3349}, {'date': '202202', 'value': 4800}, {'date': '202203', 'value': 6612}, {'date': '202204', 'value': 5398}, {'date': '202205', 'value': 6152}, {'date': '202206', 'value': 7022}, {'date': '202207', 'value': 7191}, {'date': '202208', 'value': 5337}, {'date': '202209', 'value': 4903}, {'date': '202210', 'value': 5376}, {'date': '202211', 'value': 2416}, {'date': '202212', 'value': 3374}, {'date': '202301', 'value': 2041}, {'date': '202302', 'value': 2271}, {'date': '202303', 'value': 3937}, {'date': '202304', 'value': 4219}, {'date': '202305', 'value': 7251}, {'date': '202306', 'value': 10582}, {'date': '202307', 'value': 5483}, {'date': '202308', 'value': 6024}, {'date': '202309', 'value': 4423}, {'date': '202310', 'value': 4138}, {'date': '202311', 'value': 4194}, {'date': '202312', 'value': 6243}, {'date': '202401', 'value': 5773}, {'date': '202402', 'value': 7995}, {'date': '202403', 'value': 6249}, {'date': '202404', 'value': 7268}, {'date': '202405', 'value': 5167}, {'date': '202406', 'value': 3907}, {'date': '202407', 'value': 3562}, {'date': '202408', 'value': 3753}, {'date': '202409', 'value': 2417}, {'date': '202410', 'value': 4730}]; |
125 | 125 | let x,y,xScale,yScale,width,height,line,path,area,lineArea,linearGradient,focus,focusLine,focusPoint,overlay; |
126 | 126 | let isAnimate = false; |
127 | 127 | let isInit = false; |
|
375 | 375 | lineChart.initialize(); |
376 | 376 | }; |
377 | 377 |
|
378 | | - let dataset_1 = [{'name': 'com', 'value': 1478}, {'name': 'cn', 'value': 1150}, {'name': 'org', 'value': 559}, {'name': 'net', 'value': 93}, {'name': 'dev', 'value': 44}, {'name': 'other', 'value': 233}]; |
379 | | - let dataset_2 = [{'name': 'com', 'value': 1524}, {'name': 'org', 'value': 850}, {'name': 'cn', 'value': 602}, {'name': 'top', 'value': 311}, {'name': 'xyz', 'value': 268}, {'name': 'other', 'value': 329}]; |
380 | | - let dataset_3 = [{'name': 'xyz', 'value': 2064}, {'name': 'com', 'value': 1310}, {'name': 'org', 'value': 601}, {'name': 'cn', 'value': 330}, {'name': 'dev', 'value': 171}, {'name': 'other', 'value': 658}]; |
| 378 | + let dataset_1 = [{'name': 'cn', 'value': 2350}, {'name': 'com', 'value': 1509}, {'name': 'top', 'value': 147}, {'name': 'xyz', 'value': 94}, {'name': 'org', 'value': 76}, {'name': 'other', 'value': 538}]; |
| 379 | + let dataset_2 = [{'name': 'com', 'value': 933}, {'name': 'cn', 'value': 878}, {'name': 'top', 'value': 234}, {'name': 'net', 'value': 70}, {'name': 'cc', 'value': 39}, {'name': 'other', 'value': 243}]; |
| 380 | + let dataset_3 = [{'name': 'com', 'value': 1516}, {'name': 'cn', 'value': 1504}, {'name': 'org', 'value': 210}, {'name': 'top', 'value': 124}, {'name': 'na', 'value': 117}, {'name': 'other', 'value': 271}]; |
381 | 381 |
|
382 | 382 | function writepieChart(dataset, selectId){ |
383 | 383 | const contents = d3.select(selectId); |
|
0 commit comments