荆安喜
编程现代魔法
数据可视化 · 缘长信息科技公司
男   25岁   本科  2年工作经验1992.02年出生   南京
17784251793  
工作经历

缘长信息科技公司

数据可视化
2016.11 -- 至今
  1. 根据本体实体关系,构建数据可视化分析平台

  2. 编写拖拽式,可视化分析BI

  3. 完成数个,公司数据大屏设计与编写

  4. 南京缘长公司,是东南大学漆桂林教授领导的,专门打造知识图谱,工业级应用的大数据创业公司。

北京优炫软件公司(成都分公司)

java及web前端开发工程师
2015.11 -- 2016.11

1,掌握SSH框架的基本原理与curd操作(包括用户信息管理,和拓扑图状态保存与更新,跨安全域问题),熟悉javaweb开发流程 2,前端与后台的交互,后台主要是通过sql查询数据,封装成前端展示所需要的数据结构,通过AJAX进行异步交互 3,从事报表模块的前端展示(主要用的是ireport做的报表导出)和百度echarts(包括柱状图,饼状图,时间轴,双饼图等)的前端数据展示 4 , 报表模块后台开发(一部分),主要就是报表生成区间与时间关系之前的确定 5,从事D3大数据可视化前端js编写,拓扑图展示完成交互式设计要求(包括力导图,树形图,以及过渡效果的添加与力导图布局变换(比如力导图的圆形布局,树状布局等效果)等),绘制多种数据结构图形(树,图,线等)和地图信息可视化处理 6,理解并运用SVG绘图原理,与d3.js相互作用 7,熟练使用git分布式项目管理 8,熟悉node.js,能使用(node_modules核心模块)包括其中express,异步并发控制(写过demo) 9,扎实的js代码能力 10,Vue.js 全家桶 个人项目编写 12.webpack,前端自动化打包工具(整合node+vue) 11,熟悉linux一般命令,项目打包与发布流程及操作,掌握gitbash的运用

12.个人博客系统主要用了vue全家桶(vue2)+webpack的前端构建工具+node.js(express)

13.理解并运用css3动画


互联网自学

自学
2015.07 -- 2015.11
1.通过在大学4末期自学的java编程,和四川路桥集团工作(包括施工方案编写和施工阶段支架建模和CAD施工图的辅助设计)的时候自学java开发
教育经历

重庆交通大学

本科 · 桥梁工程茅以升班
2015年毕业
项目经验
中信所数据大屏

可视化开发

2017.02 -- 2017.04
  1. 根据中信所提供的各城市的数据

  2. 通过数据分析得到,创新指数与城市发展的因果关系

  3. 通过数据大屏,达到展示全国城市在最近5年内的发展趋势的因果关系,为领导层提供辅助决策

千人计划图

可视化开发

2016.12 -- 2016.12

1,描述2011-2015年青杰归国就业情况

2,使用过渡线段生成地图

3,对地图进行2D到3D的过渡效果和地球旋转效果

4,对根据时间轴对地图进行交换操作

云南贩毒侦查图

可视化开发

2016.11 -- 2016.11

根据公安局提供的可疑人员的基本信息,绘制可视化分析图

1,根据可疑人员的出入境地点时间

2,根据可疑人员在云南境内的活动情况(酒店入住情况)

3,可疑人员同住同行情况

4,根据时间轴数据

以上信息绘制,基于地图的侦查辅助可视化

个人博客

个人开发

2016.10 -- 2016.11


  1. Node服务端除了主页外,不做模板渲染,渲染交给浏览器完成

  2. Node服务端不做任何路由切换的内容,这部分交给Vue-Router完成

  3. Node服务端只用来接收请求get,post与数据库交互

  4. mongoDB做数据库,并在Express中通过mongoose操作mongoDB

  5. 部分UI组件,采用饿了么element的vueUi控件完成



开发过程中借鉴了青城demo的Vue组件化开发过程

2015.11 -- 2016.11
  1. 参与报表模块的前端交互,制作报表图表和导出功能,参与报表生成区间的讨论的确定,设计数据库存储字段。

  2. 报表模块的后台逻辑生成(查询区间选定问题)

  3. 制作了个人用户信息的增删改查

  4. 制作了拓扑图的效果(包括树状图,力导图,以及布局变换,效果动画),连线增删,节点信息展示主要使用D3.js完成

  5. 拓扑力导图的连线增删功能,与树状图联动布局功能(在svg图里面操作)

  6. 百度echarts和后台的数据交互工作,已经前端的数据展示,主要展示报表模块的图形(双饼图,折线图等,仪表盘等)

  7. 通过对报表与拓扑图的制作,深刻理解了数据可视化的目的,是要对数据进行可视化处理,以使得能够明确地、有效地传递信息

  8. 通过对坐标,大小,色彩,标签,关联,之间进行有序的梳理,让没有接触过作品的用户可以第一时间的了解到作品表示的含义。简单,明确是数据可视化的核心任务

  9. AIX主机路径图绘制,包含(服务器,交换机与存储设备)间的可视化展示,主要克服了,非固定格式的图状结构绘图。

2015.07 -- 2015.11
纳税服务系统是国税局协同办公平台中的一个子系统。纳税服务系统包括移动客户端和后台管理端。 客户端的功能包括会员注册登录、个人信息维护、查询信息、我要咨询、我要投诉、我要预约、查看易告知信息并可填写调查问卷。 注册/登录:用户可以使用手机号注册系统并可以使用动态验证码和静态密码登录; 个人信息维护:用户可以修改名称、头像、单位、密码等个人信息; 查询信息:可以查询信息发布管理模块发布的是发布状态的信息; 我要咨询:注册用户可以在移动端通过填写咨询信息,然后提交到系统的纳税咨询管理中由后台管理员进行处理;如果有处理结果则用户可以查看回复结果 后台端的功能包括会员管理、信息发布管理、纳税咨询管理、投诉受理管理、预约服务管理、易告知管理、服务调查管理。后台用到了SS作为框架在会员管理中应用了POI导入和导出EXCEL。
作品展示
[地图聚焦]
1,处理地图 2,点击白色圆形,地图放大,居中 3,点击蓝色地图,还原
[拓扑图关系图]

1,根据拓扑基本要求完成D3.js的拓扑关系图

2,主要功能有初始化表格布局效果,力导图与树状图的切换动画,

拓扑图关系连线增删的效果,增删连线后新图形与树状布局的同步

3,基于大量图标的拓扑图查询功能,主要效果是平移居中,图标透明度变换,关系过滤动画,主要采用过滤渐变完成

4,通过工作学习了网元的基本知识与拓扑图之前的层级关系

5.拓扑关系保存功能,对拓扑图位置进行数据库保存

6.切换IP与用户名

7.放大缩小,画图可以拖拽

8.全屏拓扑图功能

9,安全域的配置

10.居中放大功能

[svg可配置轮播图]
  1. 轮播不同状态下拓扑图关系图,包括树状布局,表格布局,过滤节点图,进行可配置轮播

  2. 可以对其他页面进行可选择轮播,报表页面,流量监控页面,资源列表页面

[AIX主机路径图]
  1. AIX主机,主要展示,服务器,中间件,与数据库的多层关系

  2. 主要采用图结构进行SVG绘图操作

[千人计划图]

1,可视化分析千人计划,各人才流动情况,为政府合理分配人力资源达到辅助决策作用

[千人计划图3D效果]
[中国创新城市指数分布图]
  1. 通过圆弧,仪表盘,地图,与事件流图,柱状图,消息滚动,折线图等多种图形,组合,通过时间轴控制全图交换事件,达到确定某一年的具体指标,观察进几年城市发展,对比各个城市的发展情况,通过观察不同政策对城市发展的影响,达到辅助决策目的

[创新绩效图]
  1. 展示创新城市的2级指标

  2. 主要解决痛点为,城市各资源投入,与产出之间的因果关系,为政府部门政策理定,达到辅助作用

[simo智能运维系统]

拓扑图区域化关系图

[simo智能运维系统]

监控节点指标可视化展示

[simo智能运维系统]

simo智能运维系统主页

自我描述
荆安喜

永不服输,敢于挑战,专业并不能成为我的标签,我为自己明天而奋斗,永无止境的见识永远与我常伴。

期望工作
  • 大前端
  • 全职
  • 成都
  • 10k-15k

本人,重庆人,因为个人原因想回西部地区成都,又因为亲戚和部分同学在深圳。所以成都或者深圳都是可以去的

技能评价
js,html,css,svg 掌握
D3,echarts,JQuer 精通
javaEE,node 掌握
Vue.js,webpack 掌握
mysql,git,svn 掌握
IT之情
大一的时候,第一次系统的看互联网方面的书,当属凯文凯利的(失控)一书了,让我结下了与互联网的不解的情分。通过在做D3可视化大数据前端的时候让我对javascript产生的新的认识,对数据层与渲染层之前的关系与区别,有了深刻的认识
· 我目前正在职,正考虑换个新环境 ·