开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如何修改复制observablehq zoomable sunburst到本地并运行？

要修改复制ObservableHQ Zoomable Sunburst到本地并运行，可以按照以下步骤进行操作：

首先，复制ObservableHQ Zoomable Sunburst的代码。可以在ObservableHQ网站上找到该示例，并将其代码复制到本地的一个文本编辑器中。
在代码中，确保所有的依赖项都被正确引入。这可能包括D3.js等库文件。如果有任何缺失的依赖项，需要在本地环境中下载并引入它们。
创建一个HTML文件，并在文件中引入必要的依赖项。例如，可以在HTML文件的<head>标签中使用<script>标签引入D3.js库文件。
在HTML文件中，创建一个适当的容器元素，用于显示可视化结果。可以使用一个<div>元素，并为其指定一个唯一的ID。
在代码中，找到与容器元素相关的部分，并将其与刚刚创建的容器元素的ID关联起来。这样可确保可视化结果能够正确地显示在容器中。
保存HTML文件，并在本地浏览器中打开它。这样就可以看到修改后的Zoomable Sunburst可视化效果了。

需要注意的是，ObservableHQ的示例代码通常是基于其自有的JavaScript运行时环境。因此，在将其复制到本地并运行时，可能需要进行一些适应性修改，以确保代码能够在本地环境中正确运行。

关于ObservableHQ Zoomable Sunburst的详细概念、分类、优势、应用场景以及腾讯云相关产品和产品介绍链接地址，由于题目要求不能提及特定的云计算品牌商，无法给出具体的推荐。但是，Zoomable Sunburst是一种交互式的可视化图表，常用于展示层级结构数据的分布情况。它可以帮助用户更好地理解数据之间的关系和分布情况。在云计算领域，Zoomable Sunburst可用于数据分析、监控和可视化等场景。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Git - 如何修改开源项目并推送给作者克隆远程仓库到本地

说明：此笔记在centos 7 上完成克隆远程仓库到本地配置公钥 1 2 3[root@kangvcar ~]# ssh-keygen -t rsa -C "kangvcar@126.com...clone git@github.com:kangvcar/cprogramming.git # 注意： git@github.com:kangvcar/cprogramming.git 地址在github上复制而得...， # 执行成功后远程仓库会克隆到本地当前目录下名为的cprogramming的文件夹以上前4步的操作是克隆自己github里的项目到本地 ---- 如何修改别人的项目并提交给原作者？...首先肯定不能直接克隆别人的github项目的地址，因为你没有公钥在别人的github仓库里，所以我要像把别人的项目fork到自己的github上，然后在克隆到本地，在本地修改完成后，在提交给原作者。...具体操作步骤如下：先用网页打开别人的项目，然后fork到自己的仓库中去再用自己仓库里对应项目的地址克隆到本地修改完成后，把在本地把所做的修改push推送到自己的github上再用网页打开自己的github

1.4K2 0

第65篇：探索顶级APT后门Sunburst的设计思路（修正篇）Solarwinds供应链攻击中篇

Sunburst后门是如何被编译进Orion软件中的，上一篇文章有详细介绍，这里就不叙述了。Sunburst携带了合法的Solarwinds合法数字签名，这种方式自带白名单效果，完美绕过各种防护措施。...3 等待10几天后运行随机设置后门激活时间，会随机等待12天到14天逐步触发恶意代码。...6 本地域名黑名单检查 1....如果遇到黑名单服务，Sunburst会通过修改注册表，将服务禁用掉。 3....最后给出一张总的图： 4 C2控制域名解析ip间接控制Sunburst流程图接下来ABC_123制作了一张流程图，演示了实战过程中C2端如何通过控制DGA域名解析到不同IP来控制Sunburst

4732 0

为了更好的EasyShu,Vega-lite图表学习点滴分享

而Vega Viewer这个VSCode插件，也非常好用，可以在本地的VSCode写Vega-lite的图表Json结构，而不必在在线版的Vega-Editor上写，并且语法提示、关键字智能感应和Vega-Editor...collection=@uwdata/visualization-curriculum 使用这个observablehq网站可以像JupterNoteBook那样在上面运行代码，特别是自己做一些修改探索...唯一一个小遗憾是，直接google网页翻译，笔记类内容都翻译不到，最后终于下定决定来研究如何用Quicker这款神器。可以解救我一下不断地复制网页内容到有道词典上翻译这个枯燥过程。...结语学习是痛并快乐着的，笔者开发过程中，也是一路的学习过程，特别是面对JavaScript图表这些新知识新领域，从头开始，一步步前行。...相对工具的学习，会轻松许多，起码是已经封装过，纯界面操作为主，也期待Excel催化剂的读者们也能够加入到这个学习的过程中，学习Excel催化剂+EasyShu，就是站在笔者的肩膀上，更轻松的方式获取到笔者积累到的知识输出

1.5K7 0

第66篇：顶级APT后门Sunburst通信流量全过程复盘分析(修正篇)

C2服务端的攻击者会通过控制C2域名解析到不同的ip地址段，间接控制Sunburst后门的行为，接下来看一个简单的例子，看看攻击者如何控制Sunburst后门，使其永久退出。...C2服务端攻击者就会将dga域名解析为红色部分的ip地址，这样Sunburst得到这部分的ip之后，会清理痕迹，然后永久停止运行。紫色的TARGET部分的IP地址。...C2控制后门终止运行案例首先放出一张国外视频中给出的一个截图，讲述了C2控制Sunburst后门终止运行的全过程。...接着Sunburst使用映像劫持技术，修改注册表，将dllhost.exe与wscript.exe C:\Windows\[folder]\[trigger].vbs命令绑定，至此Sunburst后门已经完成了它的使命...综上所述，大家可以看到Sunburst设计的精妙之处，流量层面做得如此隐蔽，不得不让人惊叹，后续ABC_123会继续分享火眼FireEye公司是如何对此次攻击事件进行溯源的，敬请期待。

4752 0

第64篇：史上最严重的APT供应链攻击事件,借助Solarwinds攻击欧美的流程图梳理和分析（上篇）

Sunburst：这是一款极其复杂且隐蔽的后门，当用户运行Orion安装包之后，这款后门会等待12到14天后触发，然后使用DGA域名通信方式，将受控服务器的域名、计算机名等初始信息发送给C2服务端。...经过国外安全公司的分析，攻击者刻意地隔离Sunburst与CobaltStrike这两阶段后门，是为了便于受害者在发现并应急清除Cobalt Strike后门之后，仍能保护Sunburst后门的存在，做好权限维持工作...Sunburst后门启动一旦含有Sunbrust后门的dll文件被调用执行后，不会立即触发执行恶意操作，会随机等待12到14天，这样做的目的是让全球1万8千多家Orion软件用户的被控服务器逐步上线，...当C2域名解析的IP地址为20.140.0.0/15时，Sunburst后门会永久终止运行（攻击者非常聪明，控制C2的域名解析到不同的IP，然后Sunburst后门会根据域名解析ip的情况去执行不同的操作...后续ABC_123会专门写文章介绍Sunburst后门的设计思路，如何绕过层层流量监控以及美国网络安全公司如何将此次攻击事件溯源出来的，敬请期待。

6632 0

第67篇：美国安全公司溯源分析Solarwinds供应链攻击事件全过程

第二个可能性是，他们可能已经入侵了SolarWinds的网络，在SolarWinds将代码编译为软件并签名之前，修改了合法的Orion.dll源代码。...Mandiant安全团队意识到自己正在处理一个，可能是有史以来影响最大的软件供应链攻击案例，攻击者对可信软件的源头进行了恶意修改，植入了后门代码。...构建系统随后获取了经过攻击者修改的dll文件并将其编译到Orion软件更新包中，整个操作只需要几秒钟的时间。但是在6月4日，攻击者突然从构建服务器中删除了Sunspot，并清理了许多痕迹。...Part5 应急处置 2020 年 12 月 18日，FireEye、微软、GoDaddy 联合接管了Sunburst 后门通信使用的域名，并指向了受控域名，阻断了遭攻击网络中的恶意Sunburst后门与控制服务器之间的通信...但是这几家公司是如何巧妙地让所有客户的Sunburst后门终止运行的，并没有公布。

1.1K2 0

dll 劫持和应用

本文对 dll 劫持进行了详细的介绍，并模仿 SUNBURST 后门植入的方法，尝试对 C 编译器实现"供应链攻击"。...APT 攻击中上文中的植入过程不够完美，比如计划任务和周期性的进程扫描很容易暴露攻击行为，其次监控 MsBuild.exe 运行到最终替换源码文件，这中间的执行时间可能影响后门植入的成功率。...3 dll劫持概要 dll(动态链接库)作为 windows 的函数库，有助于促进代码的模块化、代码重用、有效的内存使用并减少磁盘空间；一个应用程序运行时可能需要依赖于多个 dll 的函数才能完成功能，...到这里我们的恶意 dll 就已经准备就绪了。...1.替换系统dll，可以用普通用户修改文件为拥有者，然后再设置读写权限，就可以修改和替换文件了 2.不能劫持 ntdll.dll / kernel32.dll 等非常底层的 dll，因为这些 dll 实现了程序装载

7703 0

数据可视化之美：经典案例与实践解析

让我们一起来看几个经典的可视化，观测它们是如何充分利用其源数据结构的。 1....可以通过D3对Sunburst Partition可视化探索。...从该图的圆心出发，层层向外推进，代表了用户从开始使用产品到离开的整个行为统计；Sunburst事件路径图可以快速定位用户的主流使用路径。...通过提取特定人群或特定模块之间的路径数据，并使用Sunburst事件路径图进行分析，可以定位到更深层次的问题。...2.ECharts（http://echarts.baidu.com/） ECharts，缩写来自Enterprise Charts，商业级数据图表，一个纯Javascript的图表库，可以流畅的运行在

2.2K7 1

Android 性能优化 & 内存篇

PrivateDirty 是应用独占内存大小，包含独自分配的部分和应用进程从Zygote复制时被修改的Zygote分配的内存页。...HeapAlloc 是Dalvik堆和本地堆分配使用的大小，它的值比Pss Total和Private Dirty大，因为进程是从Zygote中复制分裂出来的，包含了进程共享的分配部分。....so mmap & .dex mmap ... mmap 映射本地或虚拟机代码到使用的内存中。 Unknown 无法归类的其他项。主要包括大部分的本地分配。...下图为 Sunburst + by Method ? 下图为Sunburst + by Allocator 一个内存的完整路径 ?...通过以上手段，我们可以定位到大部分内存问题。 -- END --

1.8K6 0

数据视觉盛宴—数据可视化实践之美

成功的可视化，如果做得漂亮，虽表面简单却富含深意，可以让观测者一眼就能洞察事实并产生新的理解。...让我们一起来看几个经典的可视化，观测它们是如何充分利用其源数据结构的。 1....从该图的圆心出发，层层向外推进，代表了用户从开始使用产品到离开的整个行为统计；Sunburst事件路径图可以快速定位用户的主流使用路径。...通过提取特定人群或特定模块之间的路径数据，并使用Sunburst事件路径图进行分析，可以定位到更深层次的问题。灵活使用Sunburst路径统计图，是我们在路径分析中的一大法宝。...2.ECharts(http://echarts.baidu.com/) ECharts，缩写来自Enterprise Charts，商业级数据图表，一个纯Javascript的图表库，可以流畅的运行在

1.9K8 0

数据可视化实践之美

成功的可视化，如果做得漂亮，虽表面简单却富含深意，可以让观测者一眼就能洞察事实并产生新的理解。...让我们一起来看几个经典的可视化，观测它们是如何充分利用其源数据结构的。...从该图的圆心出发，层层向外推进，代表了用户从开始使用产品到离开的整个行为统计；Sunburst事件路径图可以快速定位用户的主流使用路径。...通过提取特定人群或特定模块之间的路径数据，并使用Sunburst事件路径图进行分析，可以定位到更深层次的问题。灵活使用Sunburst路径统计图，是我们在路径分析中的一大法宝。点击link查看动图。...ECharts（http://echarts.baidu.com/） ECharts，缩写来自Enterprise Charts，商业级数据图表，一个纯Javascript的图表库，可以流畅的运行在PC

1.9K7 0

数据可视化实践之美

成功的可视化，如果做得漂亮，虽表面简单却富含深意，可以让观测者一眼就能洞察事实并产生新的理解。...让我们一起来看几个经典的可视化，观测它们是如何充分利用其源数据结构的。 1....从该图的圆心出发，层层向外推进，代表了用户从开始使用产品到离开的整个行为统计；Sunburst事件路径图可以快速定位用户的主流使用路径。...通过提取特定人群或特定模块之间的路径数据，并使用Sunburst事件路径图进行分析，可以定位到更深层次的问题。灵活使用Sunburst路径统计图，是我们在路径分析中的一大法宝。...2.ECharts(http://echarts.baidu.com/) ECharts，缩写来自Enterprise Charts，商业级数据图表，一个纯Javascript的图表库，可以流畅的运行在

1.6K6 0

FireEye发布了检测 SolarWinds的审计工具

该恶意软件被称为 Sunburst（或 Solorigate），用于收集有关受害者的信息。...例如：窃取 Active Directory Federation Services (AD FS) 令牌签名证书，并使用它为任意用户伪造令牌。...这使攻击者可以以任何用户身份通过 Federation Services（例如 Microsoft 365）的认证，而无需该用户的密码或它们相应的多因子认证在 Azure AD 中修改或添加受信任的域以添加由攻击者控制的新的...这使攻击者可以为任意用户伪造令牌，被称为 Azure AD 后门攻陷高权限用户（例如，全局管理员或应用程序管理员）的 Microsoft 365 同步的本地用户帐户的凭据通过向其添加恶意凭证来劫持现有的...例如能够绕过双因子认证读取电子邮件、以任意用户身份发送电子邮件、访问用户日历等 FireEye 表示：“虽然 UNC2452 表现出一定程度的技术复杂性和逃避检测性，但观察到的技术仍然是可检测到的”。

5442 0

用Vue.js在浏览器中裁剪图像

导航到新项目并执行以下操作： 1npm install cropperjs --save 上面的命令会将 Cropper.js 安装到我们的项目中。...我们需要在本地或通过 CDN 包含 CSS信息。本文使用CDN。打开项目的 public/index.html 并包含以下 HTML 标记： 1<!...$refs.image; 3 this.cropper = new Cropper(this.image, { 4 zoomable: false, 5 scalable...在我的示例中，有一个 public/logo.png 文件，你可以根据需要随意修改它。在真实的场景中，你会使用用户将要上传的图像。...结论本文讲解了如何使用 Vue.js Web 程序中的 Cropper.js 库来操作图像。

4.2K3 0

Hexo-NexT搭建个人博客（三）

经过前面两期文章，我相信你已经可以在本地建立一个非常令人满意的静态博客了，本篇文章将介绍如何将自己的静态博客部署到 gitpage 上，并托管到 github 上；以及关于 Hexo 和 NexT....65dj.com/wailian/84791c997d8c55023dad0d5690e48c28.mp3", "http://7xoiki.com1.z0.glb.clouddn.com/Music-sunburst.mp3...2.也可以手动将 source/vendors 目录修改成 source/lib 同时，修改主题配置文件 _config.yml ，将 _internal: vendors 改成你所修改的名字，例如 _...四、关于如何获取自己的多说userid 首先进入自己的帐号管理页面，点击左上自己的名字此时地址栏后面的一串数字就是你的多说 userid。...五、关于如何修改内容区域宽度 Next 对内容的宽度的设定如下： 700px，当屏幕宽度 < 1600px 900px，当屏幕宽度 >= 1600px 移动设备下，宽度自适应如果你需要修改内容的宽度，

3411 0

webpack构建优化：bundle体积从3M到400k之路

1、祭出神器把Bundle分析利器拿出来： webpack-bundle-analyzer是一个基于webpack的插件，能够用zoomable treemap可视化webpack输出文件的大小（Visualize...size of webpack output files with an interactive zoomable treemap） image.png 不慌，喝口白开水，装上webpack-bundle-analyzer...gulp pack --env production" }, "devDependencies": { //省略 }, "dependencies": { // } } 运行下...我们将他们踢出去： a、在webpack.app.config.js里面添加externals参数，这样即使我们没将这几个组件打包到app.js中，我们依然能将其import进来并use： module.exports...再添加上代码压缩插件，修改后的webpack.lib.config.js文件如下： module.exports = { output: { path: path.join(__dirname

4K5 0

MSBuild后门技术分析

2021年1月11日，CrowdStrike情报小组发布了一份分析报告，分析了部署到SolarWinds构建环境中的一个恶意工具，而该恶意工具能够在构建时将SUNBURST后门注入SolarWinds...SUNBURST的开发人员会尝试每秒都去搜索MSBuild.exe进程，然后读取这些远程进程中的虚拟内存来确定现在构建的是否是正确的解决方案。...PoC将用PureBasic编写，因为没有一个正常的攻击者会在其中实现他的植入，因此不需要考虑复制粘贴这个源代码；-）目标分析注入的代码应具有以下特征：没有其他正在运行的进程；无远程进程操作（读取...在下面的PoC中，后门被插入到对GetFileVersionInfoSizeW的调用中。...总结通过将我们的VERSION.dll拷贝到MSBuild目录下，我们可以更好地确保操作的安全性，因为不需要创建额外的进程，可以省略内存搜索并捕获每一次的构建操作，因为我们的代码是由MSBuild直接执行的

7671 0

使用Httrack和Tomcat快速搭建本地钓鱼网站

其实不需要，本文教你如何通过httrack工具和tomcat快速部署本地简易的钓鱼网站。...接下来就是如何利用复制的站点在本地搭建一个钓鱼网站了，这时我们就需要用到tomcat来运行本地web服务。...官方下载tomcat并解压之后，将www.as-exchange.com目录复制到tomcat的webapp目录下，执行bin目录下的startup.bat启动tomcat服务，然后地址栏中访问localhost...首先需要修改tomcat默认访问端口为80，修改server.xml，将Connector的port修改为80：接着就是需要修改tomcat 默认启动页面，修改server.xml，在中间添加如下内容...，这里构造www.as-exchan9e.com作为钓鱼站点的URL，需要修改server.xml中的配置，如下图所示：最后为了保证在地址栏中输入www.as-exchan9e.com 生效，还需要修改

2.6K4 1

django Highcharts制作图表--显示CPU使用率

点击Time series, zoomable ? 页面效果如下： ? 这个，就是接下来django需要用的模板。...下面将演示，如何展示一个CPU使用率的图表。在项目根目录创建文件monit_system.py，它能统计系统的CPU使用率,内存使用情况。统计完成之后，将对应的数值插入到MySQL中。...将line-time-series目录下的index.htm文件复制到django项目的templates目录下，重命名为chart.html 在django项目的static文件夹下，创建目录Highcharts...-6.1.0 将Highcharts-6.1.0解压目录中的3个文件，复制到此目录修改部分代码，大家可以和index.htm对比一下，就知道修改的部分了。...修改char.html文件，在 <script src="..

2K4 0

一款多储存方案的开源图床兰空图床(Lsky Pro)

安装完成以后请设置 runtime 目录0755权限，如果你使用本地存储，public 目录也需要设置为0755权限下载地址下载如何更新到最新版？...下载最新版程序并解压到本地。...将旧版程序 config/db.php 文件复制到新版程序的 config 文件夹，如果你使用的是本地储存策略，文件是储存在本地的，请注意也要将你旧版本的图片资源移动到新程序对应的目录。...FAQ：如果覆盖更新文件后无法重定向到更新页面，或首页出现错误，请直接访问 http://域名/install/update.html 进行更新。如何修改网站运行目录？...'/thinkphp/base.php'; // 执行应用并响应 Container::get('app')->bind('index')->run()->send(); 注意：请不要使用记事本打开修改

2.7K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭