Baiji Spirits 数据可视化保护系统

1、作品名称

Baiji Spirits 数据可视化保护系统

2、作品分类

数据可视化

3、作品描述

作品描述 1.作品描述 【1】设计初衷：白鱀豚被称为“水中国宝”，但是随着近年来长江生态系统急剧恶化【与人类活动较多有着密不可分的关系】。目前已经很难在长江流域看到白鱀豚。作品的初衷是希望通过数据可视化的形式对白鱀豚的分布，成长，习性，分类，极危，数量，极危原因，标本和数据化大屏9个方面进行详细的数据可视化展示，让更多的人了解白鱀豚，爱护白鱀豚。 【2】创意设计：由于白鱀豚为中国独有的物种，界面的风格采用中国风特色，结合各种矢量图和E-charts图表进行展示，同时结合jquery实现动态功能。 【3】风格设计： （1） 为了能够给用户更好的视觉体验，颜色选取深绿，金色，棕色等邻近色为主，其他暖色系为辅。使作品界面不仅和谐统一，更增加了一丝温馨感。 （2）字体设计：白鱀豚最早被人们记载于秦汉时期的《尔雅》辞书中，总所周知，隶书也起源于秦汉时期，隶书的风格去繁为简，字形变圆为方，字形优美，与白鱀豚主题搭配相得益彰，相辅相成。 【4】采用技术： (1)网页标签搭建与布局：采用最新标准的HTML5 实现页面标签的搭建，CSS3对标签页面进行布局。前端框架：采用Bootstrap4，基于HTML5、CSS6、javascript，对网页进行简介的开发与布局。 （2）javascript响应脚本：采用 JavaScript 库中的jQuery 实现网页的白云svg动态效果，采用JavaScript 实现的开源可视化库ECharts 进行白鱀豚各项数据的信息可视化展示，JavaScript编写的WebGL第三方库three.js实现少量的3D显示功能（鸟儿飞翔）。 （3）页面背景：PS和AI作图工具。 （4）web前端打包工具：webpack （5）白鱀豚信息爬取：安装pycharm和python3.0文件，pycharm在python环境下做的一个简单白鱀豚数据爬虫。 （6）利用本学期学习的动态网页asp知识搭建了一个白鱀豚后台管理系统，通过web控件与后台数据库进行数据绑定。

4、创意来源

创意来源 【1】来源于对做公益的热爱，从小就对小动物十分的喜爱，看到一些小动物无家可归，内心也是非常的伤心，白鱀豚是中国独有的物种，可是近几年被世界自然保护联盟iucn列为极危动物，于是就萌发了我做一个白鱀豚数据可视化智能保护系统的想法，让白鱀豚的各项数据更加的清晰，让白鱀豚保护决策的更加智能化。 【2】来源于对数据可视化的兴趣，在大二下学期的时候数据处理分析以及数据的可视化，随之就产生了浓厚的兴趣，一直想有一个机会利用所学的技术来做一个好的项目。 【3】源于对作品创新意识养成，本次数据可视化作品打破常规，采用中国风风格，与白鱀豚“水中国宝”的美誉有机的贴合了起来。 【4】源于平常对用户界面设计和页面风格设计知识的积累。

5、运行环境（所需操作系统、硬件、软件等）

3.运行环境 【1】作品的开发基于Visual Studio Community集成开发环境。 【2】安装主流浏览器如MicrosoftEdge浏览器，火狐浏览器，谷歌等浏览器。考虑到不同浏览器的兼容问题，专门有针对性的开发出了两个版本baijitun1文件针对火狐，谷歌，IE等浏览器；baijitun2文件则主要针对微软的Microsoft Edge浏览器。 【3】安装pycharm和python3.0文件，pycharm在python环境下做的一个简单白鱀豚网络数据爬虫。 【4】微信开发者工具，微信云开发。