数据可视化
关注
分享
扫一扫
@蛤
这个作者很懒，什么都没留下…
展开
-
Map.setBasemap的一些主题及效果展示
因为感觉网上没有主题的效果图，所以自己做了一个，但是下钻的小图程度是不一样的，有些图在做的时候感觉也很相似，因为要赶作业，所以暂时来不及归纳streets大图：小图：satellitehybrid（感觉就是比上面一个多了文字）terraintopograydark-grayoceansnational-geographicosmdark-gray-vector,gray-vectorstreets-vectortopo-ve原创 2021-05-04 12:07:11 · 292 阅读 · 0 评论 -
D3音乐可视化南丁格尔图
依然是学习课本代码，这回调用了d3效果图可能不是很好看啦代码+注释：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>基于D3的音乐可视化</title> </head> <body> <audio id="audioElement" src="closer.mp3" controls="c原创 2020-08-10 17:34:41 · 900 阅读 · 2 评论 -
D3.js音乐可视化
今天做的是一个音乐的可视化，好像是音乐频段的音量大小的可视化，不过本人音痴，不懂这个。（感觉有一点点像音乐喷泉吧！）可视化效果图：（这是一首歌的某一秒的截图）然后要注意！！——这个代码在chrome运行是要求那个点一下什么链接的，但是那个链接我一直显示超时未连上建议大家使用微软自带的那个浏览器Microsoft edge？？？大概是叫这个吧代码+注释附上：<!DOCTYPE HTML><html> <head> <meta charset原创 2020-05-26 10:48:18 · 1299 阅读 · 1 评论 -
树状词云——文字树
书上的案例，这个是最全的，也是照着打了一遍，不过也略微做了些修改（当然很小啦）先上图片：（这是三棵树的集合）然后再给你们看看一棵树的时候的样子其中还有些也是显示不同效果的，我已经在代码中注释了，感兴趣的小伙伴可以自己去试一试代码+注释：<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-wid原创 2020-05-25 23:23:38 · 1025 阅读 · 1 评论 -
标准分形二叉树&角度随机二叉树
今天也是跟着课本学习的一天今天学的是标准分形二叉树（还挺可爱的）图片：代码+注释<html> <head> <meta charset="utf-8"> <title> 标准分形二叉树 </title> </head> <body> <svg id="mySvg" width=800 height=600 ><原创 2020-05-25 16:45:57 · 740 阅读 · 0 评论 -
D3——地图可视化
老师要求做地图可视化，就跟着书本代码写了一遍先上一个基础的，有注释<html> <head> <meta charset="utf-8"> <title>基于GeoJSON绘制中国地图</title> <style> .province { ...原创 2020-05-06 08:13:21 · 3247 阅读 · 0 评论 -
基于js和SVG的仿真二叉树
今天看到一个超美的树，（本来想在网上找代码的，结果没找到）然后就跟着书本敲了一下代码先上图这就是那个棵继樱花树之后迷倒我的另一棵树了废话不多说，代码在下面<!DOCTYPE html><html lang="en"><head> <title>Title</title></head><body&...原创 2020-05-05 21:21:35 · 643 阅读 · 0 评论