d3.js让ssh暴破可视化

js ssh 2023-01-31 07:01:59 438人浏览薄情痞子

Python 官方文档：入门教程 => 点击学习

摘要

一台做手机app应用的服务器在某云上，很好奇如果没有修改ssh端口的情况下，每天会被暴力破解多少次呢？带着这个疑问，查看一下/var/log/messages的日志，grep一下里面多少含有"Failed"的日志记录。。。由于mess

一台做手机app应用的服务器在某云上，很好奇如果没有修改ssh端口的情况下，每天会被暴力破解多少次呢？带着这个疑问，查看一下/var/log/messages的日志，grep一下里面多少含有"Failed"的日志记录。。。

由于messages日志会有logrotate，所以：

grep "^Mar  1"  /var/log/messages* | grep "Failed" | wc -l

分别得到从本月1号到7号的暴力破解次数，分别是：

2015-03-07,4126
2015-03-06,33499
2015-03-05,80096
2015-03-04,70208
2015-03-03,79273
2015-03-02,40995
2015-03-01,11845

除了7号比较安静点，平均每天5、6万次，看来***每天都很忙碌。。。

虽然数据比较少，但是看起来比较枯燥，看不出趋势，让数据可视化，那就用d3.js吧，上代码。。。

d3的库文件直接从GitHub上获得即可。

index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="CSS/style.css" media="screen" type="text/css" />
        <title>SSH爆破次数</title>
    </head>
    <body>
        <center><div id="container"></div></center>
        <script type="text/javascript" src="js/d3.v3.js"></script>
        <script type="text/javascript" src="js/index.js"></script>
    </body>
</html>

style.css

#container {
background:#eee;    //容器的背景色
width:600px;
height:270px;
}

body { font: 12px Arial;}

path {
    stroke: mediumturquoise;  //曲线的颜色，可以在chrome的控制台里使用stroke TAB后调试
    stroke-width: 2;
    fill: none;
}

.axis path,
.axis line {
    fill: none;
    stroke: gray;
    stroke-width: 1;
    shape-rendering: crispEdges;
}

data.csv

date,close
2015-03-07,4126
2015-03-06,33499
2015-03-05,80096
2015-03-04,70208
2015-03-03,79273
2015-03-02,40995
2015-03-01,11845

index.js

var margin = {top: 30, right: 30, bottom: 50, left: 80},
    width = 600 - margin.left - margin.right,
    height = 270 - margin.top - margin.bottom;

var parseDate = d3.time.fORMat("%Y-%m-%d").parse;

var x = d3.time.scale().range([0, width]);

var y = d3.scale.linear().range([height, 0]);

var xAxis = d3.svg.axis().scale(x)
    .orient("bottom").ticks(7)         
    .tickFormat(d3.time.format("%b/%d"));

var yAxis = d3.svg.axis().scale(y)
    .orient("left").ticks(10);

var valueline = d3.svg.line()
    .x(function(d) { return x(d.date); })
    .y(function(d) { return y(d.close); })
    .interpolate("basis");


var svg = d3.select("#container")
.append("svg")
.attr("width", width + margin.left + margin.right)
.attr("height", height + margin.top + margin.bottom)
.append("g")
.attr("transform","translate(" + margin.left +"," + margin.top + ")");


// Get the data
d3.csv("data/data.csv", function(error, data) {
     data.forEach(function(d) {
     d.date = parseDate(d.date);
     d.close = +d.close;
                        });
// Scale the range of the data
x.domain(d3.extent(data, function(d) { return d.date; }));
y.domain([0, d3.max(data, function(d) { return d.close; })]);
svg.append("path")       // Add the valueline path.
   .attr("class", "line")
   .attr("d", valueline(data));

svg.append("g")          // Add the X Axis
   .attr("class", "x axis")
   .attr("transform", "translate(0," + height + ")")
   .call(xAxis);

svg.append("text")                // text label for the x axis
   .attr("x", 265 )
   .attr("y", 238 )
   .style("text-anchor", "middle")
   .text("日期");

svg.append("g")          // Add the Y Axis
   .attr("class", "y axis")
   .call(yAxis);

svg.append("text")
   .attr("transform", "rotate(-90)")
   .attr("y",0 - margin.left)
   .attr("x",0 - (height / 2))
   .attr("dy", "1em")
   .style("text-anchor", "middle")
   .text("SSH爆破次数");
                         });

以上就是一个页面的代码。访问页面看看d3.js的数据可视化效果吧。。。

效果如何？d3还是不错的吧？还有很多更cool的效果。。。Keep trying。。

您可能感兴趣的文档:

--结束END--

本文标题: d3.js让ssh暴破可视化

本文链接: https://lsjlt.com/news/191430.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

猜你喜欢

d3.js让ssh暴破可视化

一台做手机app应用的服务器在某云上，很好奇如果没有修改ssh端口的情况下，每天会被暴力破解多少次呢？带着这个疑问，查看一下/var/log/messages的日志，grep一下里面多少含有"Failed"的日志记录。。。由于mess...

99+

2023-01-31

js ssh
用VUE D3.js和Vue.js构建动态数据可视化应用：让数据栩栩如生

VUE D3.js简介：一个用于创建数据可视化的强大库 VUE D3.js是一个用于创建数据可视化的强大库，它基于D3.js，并扩展了Vue.js的API。这意味着您可以使用Vue.js的组件系统和响应式编程模型来构建动态和交互式的数据...

99+

2024-02-27

数据可视化、VUE D3.js、Vue.js、图表、交互式、动态
利用VUE D3.js和Vue.js打造惊艳的数据可视化效果：让数据说话

应用场景: 数据可视化在各个领域都有广泛的应用，包括但不限于：商业分析: 通过将销售数据、客户行为数据等转化为可视化的图表，企业可以轻松发现销售趋势、客户行为模式等，从而做出更有效的决策。金融分析: 金融分析师可以通过将复杂的金融数...

99+

2024-02-27

Vue.js与D3.js的强强联合: Vue.js是一个流行的前端框架凭借其丰富的组件生态和简洁的语法受到许多开发者的青睐。D3.js是一个数据可视化库可以轻松创建各种类型的图表。将Vue.j
探索VUE D3.js与Vue.js碰撞出的数据可视化新世界：突破想象的界限

数据可视化的重要性数据可视化将复杂的数据转化为易于理解的视觉形式，有助于人们快速掌握数据中的信息，发现数据之间的关联与规律，从而做出更好的决策。在当今数据爆炸的时代，数据可视化已成为必不可少的工具。 Vue D3.js简介 Vue D3...

99+

2024-02-27

Vue D3.js、Vue.js、数据可视化、交互式、动态、美观
VUE D3.js与Vue.js：动态图表与数据可视化的完美结合

Vue D3.js简介 Vue D3.js 是一个基于 Vue.js 的数据可视化库，允许您轻松地创建动态图表和数据可视化。它基于 D3.js，这是一个流行的JavaScript库，用于创建交互式数据可视化。Vue D3.js 将D3.j...

99+

2024-02-27

Vue D3.js、Vue.js、动态图表、数据可视化
用VUE D3.js构建交互式数据可视化应用：从入门到精通

: 1. 前期准备在开始构建交互式数据可视化应用之前，您需要确保已安装必要的工具和库。首先，您需要安装Node.js及相关软件包，然后使用Vue CLI创建新的项目。接下来，还需要安装D3.js和Vue-D3.js等库。 2. 基本配置...

99+

2024-02-27

: 数据可视化、VUE、D3.js、交互式、图表
VUE D3.js与Vue.js的数据可视化实战指南：打造令人惊叹的图表

Vue D3.js与Vue.js的数据可视化简介 Vue D3.js是一个Vue.js库，它允许您使用D3.js库在Vue.js应用程序中创建和呈现数据可视化效果。D3.js是一个强大的数据可视化库，它可以用于创建各种各样的图表和可视化...

99+

2024-02-27

Vue D3.js、Vue.js、数据可视化、图表
揭秘VUE D3.js与Vue.js的数据可视化魔法：掌握核心技术与技巧

Vue D3.js 与 Vue.js 数据可视化魔法 Vue D3.js 和 Vue.js 是两个强大的库，可以帮助您创建交互式、美观的图表和图形。通过结合这两个库，您可以充分利用 Vue.js 的响应性和 Vue D3.js 的强大数...

99+

2024-02-27

Vue D3.js、Vue.js、数据可视化、图表、图形
VUE D3.js与Vue.js：揭开数据可视化背后的奥秘，洞悉数据背后的故事

数据可视化作为一种将数据以图形和图表等方式呈现的有效手段，在现代数字时代扮演着至关重要的角色。它能够帮助我们更直观地理解复杂的数据，发现隐藏的规律和趋势，从而做出更明智的决策。在数据可视化的领域中，VUE D3.js 和 Vue.js 两...

99+

2024-02-27
VUE D3.js与Vue.js的完美融合：构建交互式数据可视化应用的终极指南

...

99+

2024-02-27
JS前端可视化GraphQL使用详解

目录正文什么是 GraphQL？什么是 GraphiQL？开始结尾正文了解事物幕后的运作方式往往有好处，但并非总是如此。因为不必使事情过于复杂。而可视化图形界面在处理这么一个场景...

99+

2022-11-13

JS前端可视化GraphQL GraphQL 可视化
JS如使用音频可视化插件Wavesurfer.js

这篇文章主要为大家展示了“JS如使用音频可视化插件Wavesurfer.js”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“JS如使用音频可视化插件Wavesur...

99+

2024-04-02
VUE 数据可视化：让数据为您服务

Vue.js 数据可视化的好处数据清晰度：数据可视化将复杂的数字和统计数据转化为直观的图表，使数据更容易理解和分析。决策支持：交互式可视化允许用户探索数据、调整参数和发现模式，为更好的决策提供信息。增强通信：清晰的可视化可以有效...

99+

2024-03-06

Vue.js、数据可视化、图表、交互式可视化、数据理解
如何让高效使用Python可视化工具Matplotlib

如何让高效使用Python可视化工具Matplotlib，针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。Matplotlib是Python中最常用的可视化工具之一,可以非常方...

99+

2023-06-17
突破界限：VUE 数据可视化中的创新和实验

...

99+

2024-04-02
Python Django 与数据可视化：让数据栩栩如生

内置可视化 Django 内置了几个可视化小部件，使开发人员能够轻松地在视图中显示数据。这些小部件包括： LineChart：创建线形图 BarChart：创建条形图 PieChart：创建饼图 ScatterPlot：创建散点图这...

99+

2024-04-02
VUE 数据可视化之美：让数据翩翩起舞

在当今数据驱动的世界里，数据可视化已成为传达复杂信息的强大工具。Vue.js，作为一种流行的渐进式 JavaScript 框架，以其健壮性和灵活性而闻名，已成为数据可视化领域的强大选择。为什么选择 Vue.js 进行数据可视化易用...

99+

2024-04-02
一篇文章让你快速掌握Pandas可视化图表

目录前言1. 概述2. 图表元素设置3. 常见图表类型4. 其他图表类型总结前言今天简单介绍一下Pandas可视化图表的一些操作，Pandas其实提供了一个绘图方法plot()，可...

99+

2024-04-02
交互式可视化js库gojs使用技巧是什么

本篇内容主要讲解“交互式可视化js库gojs使用技巧是什么”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“交互式可视化js库gojs使用技巧是什么”吧!1. gojs 简介gojs 是一个用于构建...

99+

2023-06-22
交互式可视化js库gojs使用介绍及技巧

目录1. gojs 简介2. gojs 应用场景3. 为什么选用 gojs:4. gojs 上手指南5. 小技巧（非常实用哦）6. 实践：实现节点分组关系可视化交互图最后1. goj...

99+

2024-04-02