数据的可视化之Sublime Text+D3.js+C3.js+python

D3.js的入门教程

————————————————————————————————————————————————————————————————————————————

Sublime Text 前端开发文本编辑器,下载后安装

第一步:安装插件 Package Control,网站主页上详细给出安装过程不再重复。安装后Preferences->Package Control,表示安装成功


第二步:安装插件

第一个插件 Emmet

Ctrl+Shift+p(或者 Tools->Command Palette或者Preferences->Package Control),输入install package,然后输入 Emmet。

启动Sublime,输入 !(或者html:5),然后按Tab键


第三步:下载D3.js和C3.js

很好的D3.js数据可视化教程


其他常用插件:

JsFormat


第四步:创建工程目录 project,把下载的D3.js解压到project目录下,解压目录到D3文件中



第五步:第一个程序:


数据的可视化之Sublime Text+D3.js+C3.js+python_第1张图片


显示:

——————————————————————————————————————————————

python开发搭建IDE:

第一步:

打开"Preferences"-->"Browse Packages"-->"Python"-->“python.Sublime-Build”,显示内容

{
"cmd": ["python", "-u", "$file"],
"file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",
"selector": "source.python"
}

加入"path"变量,

{
"cmd": ["python", "-u", "$file"],
"file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",

 "path":"python的安装路径(注意路径的斜线/是"D:/python")",
"selector": "source.python"
}

第二步:

新建.py文件,

数据的可视化之Sublime Text+D3.js+C3.js+python_第2张图片

然后ctrl+B,查看运行结果,具体查看菜单中Tools菜单。


第三步:

安装django的插件:Djaneiro


第四步:

安装一些常用插件:

SublimeCodeIntel:可以提示函数原型


第五步:SublimeREPL





你可能感兴趣的:(数据的可视化之Sublime Text+D3.js+C3.js+python)