|
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 (202501)</b></div> |
| 106 | + <div class="text-center mt-3"><b>Top 5 Phishing URL TLDs (202503)</b></div> |
107 | 107 | <div id="piechart--wrapper1"></div> |
108 | | - <div class="text-center mt-3"><b>Top 5 Phishing URL TLDs (202412)</b></div> |
| 108 | + <div class="text-center mt-3"><b>Top 5 Phishing URL TLDs (202502)</b></div> |
109 | 109 | <div id="piechart--wrapper2"></div> |
110 | | - <div class="text-center mt-3"><b>Top 5 Phishing URL TLDs (202411)</b></div> |
| 110 | + <div class="text-center mt-3"><b>Top 5 Phishing URL TLDs (202501)</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}, {'date': '202408', 'value': 3753}, {'date': '202409', 'value': 2417}, {'date': '202410', 'value': 4730}, {'date': '202411', 'value': 3416}, {'date': '202412', 'value': 2687}, {'date': '202501', 'value': 2583}]; |
| 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}, {'date': '202411', 'value': 3416}, {'date': '202412', 'value': 2687}, {'date': '202501', 'value': 2583}, {'date': '202502', 'value': 1791}, {'date': '202503', 'value': 2345}]; |
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': 'cn', 'value': 1252}, {'name': 'com', 'value': 660}, {'name': 'shop', 'value': 232}, {'name': 'net', 'value': 152}, {'name': 'xyz', 'value': 53}, {'name': 'other', 'value': 220}]; |
379 | | - let dataset_2 = [{'name': 'com', 'value': 1042}, {'name': 'cn', 'value': 1030}, {'name': 'co', 'value': 122}, {'name': 'xyz', 'value': 97}, {'name': 'shop', 'value': 86}, {'name': 'other', 'value': 299}]; |
380 | | - let dataset_3 = [{'name': 'com', 'value': 1302}, {'name': 'cn', 'value': 1300}, {'name': 'xyz', 'value': 278}, {'name': 'co', 'value': 95}, {'name': 'top', 'value': 67}, {'name': 'other', 'value': 361}]; |
| 378 | + let dataset_1 = [{'name': 'cn', 'value': 925}, {'name': 'com', 'value': 581}, {'name': 'shop', 'value': 222}, {'name': 'xyz', 'value': 191}, {'name': 'net', 'value': 137}, {'name': 'other', 'value': 284}]; |
| 379 | + let dataset_2 = [{'name': 'cn', 'value': 549}, {'name': 'com', 'value': 540}, {'name': 'net', 'value': 164}, {'name': 'shop', 'value': 121}, {'name': 'xyz', 'value': 88}, {'name': 'other', 'value': 323}]; |
| 380 | + let dataset_3 = [{'name': 'cn', 'value': 1252}, {'name': 'com', 'value': 660}, {'name': 'shop', 'value': 232}, {'name': 'net', 'value': 152}, {'name': 'xyz', 'value': 53}, {'name': 'other', 'value': 220}]; |
381 | 381 |
|
382 | 382 | function writepieChart(dataset, selectId){ |
383 | 383 | const contents = d3.select(selectId); |
|
0 commit comments