分享一些实用的工具

1、amCharts5:模拟航线飞行/业务分布图/k线/数据分析/地图等

网址: 

JavaScript mapping library: amCharts 5icon-default.png?t=N7T8https://www.amcharts.com/javascript-maps/

Demo地址:
Chart Demos - amChartsicon-default.png?t=N7T8https://www.amcharts.com/demos/#maps

 他分为amCharts4和5,5看起来更完善。很多都是我们平时看到的能实现的效果,比如航线图、业务分布图、数据分析、股票k线图等等。设计师可以用来填图,开发也可以拿来用。咱要说跟百度echarts比呢,可以互补的关系吧!

 

 

2、百度Echarts


Examples - Apache EChartsApache ECharts,一款基于JavaScript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。icon-default.png?t=N7T8https://echarts.apache.org/examples/zh/index.html#chart-type-line

3、amCharts:免费的svg地图生成工具

可以生成不同国家的svg分块地图,下载以后自己填色二次创作等等都可以。注意这不是标准地图,无法在国际论坛、峰会等宣传上使用,如果是国际性的必须使用中国标准地图服务系统的地图【标准地图服务系统】。

Free SVG Maps - amChartsicon-default.png?t=N7T8https://www.amcharts.com/svg-maps/?map=china

4、中国地图具体省份及省份内区域的拆分svg地图下载


DataV.GeoAtlas地理小工具系列由阿里云DataV数据可视化团队出品,多年深耕数据可视化领域,数据大屏业务开拓者和领航者。致力用震撼而清晰的视觉语言,让更多人读懂大数据,受惠数据驱动的决策方式。icon-default.png?t=N7T8https://datav.aliyun.com/portal/school/atlas/area_selector

5、坐标获取

geojson.io | powered by MapboxA quick, simple tool for creating, viewing, and sharing spatial data.icon-default.png?t=N7T8https://geojson.io/#map=5.87/38.221/116.429

 6、svg波浪随机生成

SVG Gradient Wave Generatoricon-default.png?t=N7T8https://oursketch.com/tool/svg-gradient-wave-generator/run

7、svg单波浪随机生成

Get Waves – Create SVG waves for your next designA free SVG wave generator to make unique SVG waves for your next web design. Choose a curve, adjust complexity, randomize!icon-default.png?t=N7T8https://getwaves.io/

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/829432.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

小龙虾优化算法(Crayfish Optimization Algorithm,COA)

小龙虾优化算法(Crayfish Optimization Algorithm,COA) 前言一、小龙虾优化算法的实现1.初始化阶段2.定义温度和小龙虾的觅食量3.避暑阶段(探索阶段)4.竞争阶段(开发阶段)5.觅食阶段&#xff08…

【誉天战报】3月HCIE战报火热来袭!新增45位同学通过认证!

2024年3月,誉天教育共有45名学员顺利通过了HCIE认证,其中:云计算20人、数通18人、存储5人、云服务2人。让我们一起祝贺他们吧~ 誉天教育是华为优选级授权培训合作伙伴,专业从事华为授权认证课程实战技能培训。连续13年荣获“华为优…

Node.js中fs模块实现配置文件的读写

Node.js中fs模块实现配置文件的读写 准备工作读取配置 在Node.js中, fs模块提供了对文件系统的访问功能,我们可以利用它来实现配置文件的读取和写入操作。正好用到,就记录一下。 准备工作 确保你的项目目录已经安装了做了npm或pnpm或yarn等…

SpringBoot项目如何实现热启动?

Spring Boot 可以通过开启 DevTools 实现热启动。DevTools 是 Spring Boot 提供的一个开发工具,可以加速应用的开发和调试过程。其中的热启动功能可以让你在开发过程中修改代码后,自动重新启动应用。 要实现热启动,可以按照以下步骤进行操作…

和林曦老师一起读书吧 | 愿我们:只生欢喜不生愁

今天,想和你一起来读书,林曦老师的《只生欢喜不生愁》。    这本书的名字很有意味,它来自于清代《养真集》中的一句话:自古神仙无别法,只生欢喜不生愁。      我们会羡慕这样的状态:只生欢喜不生愁…

018基于SSM的音乐系统网站

018基于SSM的音乐系统/网站 开发环境: Jdk7(8)Tomcat7(8)MysqlIntelliJ IDEA(Eclipse)Maven 数据库: MySQL 技术: SpringSpring mvcMybatisJqueryVideo jsJSPJSTLEasyUI 适用于: 课程设计,毕业设计,学习…

“你需要TrustedInstaller提供的权限才能对此文件进行更改” 解决方案

转载地址 【“你需要TrustedInstaller提供的权限才能对此文件进行更改” 解决方案-CSDN博客】

MySQL商城数据表(80-88)

80商品规格值表 DROP TABLE IF EXISTS xuge_spec_items; CREATE TABLE xuge_spec_items (itemId int(11) NOT NULL AUTO_INCREMENT COMMENT 自增ID,shopId int(11) NOT NULL DEFAULT 0 COMMENT 店铺ID,catId int(11) NOT NULL DEFAULT 0 COMMENT 类型ID,goodsId int(11) NOT N…

37.WEB渗透测试-信息收集-企业信息收集(4)

免责声明:内容仅供学习参考,请合法利用知识,禁止进行违法犯罪活动! 内容参考于: 易锦网校会员专享课 上一个内容:36.WEB渗透测试-信息收集-企业信息收集(3)-CSDN博客 关于主域名收…

Git -- 运用总结

文章目录 1. Git2. 基础/查阅2.1 基础/查阅 - git2.2 仓库 - remote2.3 清理 - rm/clean2.4 版本回退 - reset 3. 分支3.1 分支基础 - branch3.2 分支暂存更改 - stash3.3 分支切换 - checkout 4. 代码提交/拉取4.1 代码提交 - push4.2 代码拉取 - pull 1. Git 2. 基础/查阅 2…

(学习日记)2024.05.07:UCOSIII第六十一节:User文件夹函数概览(uCOS-III->Source文件夹)第七部分

写在前面: 由于时间的不足与学习的碎片化,写博客变得有些奢侈。 但是对于记录学习(忘了以后能快速复习)的渴望一天天变得强烈。 既然如此 不如以天为单位,以时间为顺序,仅仅将博客当做一个知识学习的目录&a…

RISC-V CVA6 在 Linux 下相关环境下载与安装

RISC-V CVA6 在 Linux 下相关环境下载与安装 所需环境与源码下载 CVA6 源码下载 首先,我们可以直接从 GitHub 一次性拉取所有源码: git clone --recursive https://github.com/openhwgroup/cva6.git如果这里遇到网络问题,拉取失败&#x…

error while loading shared libraries: libstdc++.so.6

/home/rtlinux/Linux/arm-linux-gcc-4.4.3/opt/FriendlyARM/toolschain/4.4.3/bin/../libexec/gcc/arm-none-linux-gnueabi/4.4.3/cc1: error while loading shared libraries: libstdc.so.6: cannot open shared object file: No such file or directory 解决: s…

Fluent.Ribbon创建Office的RibbonWindow菜单

链接: Fluent.Ribbon文档 优势: 1. 可以创建类似Office办公软件的复杂窗口; 2. 可以应用自定义主题风格界面

实现 <el-cascader> 组件的回显功能

vue A页面&#xff0c;用户填写了el-cascader多层级数据&#xff0c;层级list数据从接口获取&#xff1b; vue B页面&#xff0c;多层级数据要进行回显&#xff0c;接口给到的数据是value值&#xff1b; 直接看demo <template><div><el-cascaderv-model"…

android studio 编译一直显示Download maven-metadata.xml

今天打开之前的项目的时候遇到这个问题:android studio 编译一直显示Download maven-metadata.xml, AI 查询 报错问题&#xff1a;"android studio 编译一直显示Download maven-metadata.xml" 解释&#xff1a; 这个错误通常表示Android Studio在尝试从Maven仓库…

xpath获取JavaScript内容

xpath获取JavaScript内容 常见的网站中有使用 JavaScript 动态生成的网页内容 此时用 request 获取到的网页内容可能是这样 <span class"datetime" id"date"></span></div> <script type"text/javascript">$(function…

Windows平台下使用CMake+Boost构建C++程序

1.创建工程结构如下 Boost/ CMakeLists.txt Python/ build/ src/Boost目录是通过b2.exe install编译安装后产生的头文件和库文件包 2.将Boost添加到系统环境变量中 添加Boost_INCLUDE_DIR环境变量&#xff1a; 变量名&#xff1a;Boost_INCLUDE_DIR 变量值&#xff1a;C…

ReactJS中使用TypeScript

TypeScript TypeScript 实际上就是具有强类型的 JavaScript&#xff0c;可以对类型进行强校验&#xff0c;好处是代码阅读起来比较清晰&#xff0c;代码类型出现问题时&#xff0c;在编译时就可以发现&#xff0c;而不会在运行时由于类型的错误而导致报错。但是&#xff0c;从…

【个人博客搭建】(13)SqlSugar仓储实现

前边项目搭建了仓储层。但是还未使用。 这里&#xff0c;我们带来的就是简单的仓储实现》 1、创建Repository类&#xff1a; public class Repository<T> : SimpleClient<T> where T : class, new(){public Repository(ISqlSugarClient db){base.Context db;}//…