整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
介紹：
=====
1.1 Plotly 是一款用來做數據分析和可視化的在線平臺，功能非常強大。
1.2 Plotly是一個非常著名且強大的開源數據可視化框架，它通過構建基于瀏覽器顯示的web形式的可交互圖表來展示信息。
1.3 具有多種語言python、javascript、matlab、R、Jupyter、Excel等的API接口。
1.4 Plotly有在線和離線兩種模式。
1.5 優點：
1.5.1 可開發web版可視化界面。
1.5.2 相比matplotlib、R更加現代化。
1.5.3 支持3D可視化繪圖。
2 說明：
=====
2.1 本次先講解：離線版、微軟vscode版、python版代碼的常見作圖。（網上多是以jupyter notebook為開發工具的在線版或者離線版，隨著微軟代碼編輯器vscode的使用普及，所以本人重點介紹vscode版離線版的python代碼）
2.2 環境：deepin-linux深度操作系統，python3.8，谷歌瀏覽器，微軟vscode編輯器。
2.3 對官方的代碼：進行修改，注釋。
2.4 基本作圖通俗易懂，拿來就可以使用。
2.5 高級的交互式作圖下次講解。
2.6 網址打開奇慢：
https://plot.ly/python/3 安裝：
=====
pip install plotly #sudo pip install plotly #一般是這樣
#pip3.8 install plotly #本機安裝
#pip install plotly --upgrade #如果已經安裝，升級就這樣4 柱狀圖：
4.1 bar代碼：
import plotly as py
import plotly.graph_objs as go
pyplt = py.offline.plot #離線設置
# 2組數據的柱狀圖
trace0 = go.Bar(
x = ['Jan','Feb','Mar','Apr', 'May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'],
y = [20,14,25,16,18,22,19,15,12,16,14,17],
name = 'Primary Product',
marker=dict(color = 'rgb(49,130,189)')
)
trace1 = go.Bar(
x = ['Jan','Feb','Mar','Apr', 'May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'],
y = [19,14,22,14,16,19,15,14,10,12,12,16],
name = 'Secondary Product',
marker=dict(color = 'rgb(204,204,204)')
)
data = [trace0,trace1]
layout = go.Layout(title = 'plotly柱狀圖bar')
fig = go.Figure(data = data, layout = layout)
#文件名，并保存在根目錄下，也可以指定目錄
pyplt(fig, filename='plotly的bar.html')4.2 堆疊柱狀圖代碼：
import plotly as py
import plotly.graph_objs as go
pyplt = py.offline.plot
trace1 = go.Bar(
x=['giraffes', 'orangutans', 'monkeys'],
y=[20, 14, 23],
name='SF Zoo'
)
trace2 = go.Bar(
x=['giraffes', 'orangutans', 'monkeys'],
y=[12, 18, 29],
name='LA Zoo'
)
data = [trace1, trace2]
#堆疊柱狀圖
layout = go.Layout(barmode='stack',title = 'plotly的堆疊柱狀圖')
fig = go.Figure(data=data, layout=layout)
pyplt(fig, filename='plotly的stackbar.html')5 餅狀圖
5.1 plotly的pie.py代碼：
import plotly as py
import plotly.graph_objs as go
pyplt = py.offline.plot #離線設置
#定義數值
labels = ['產品1','產品2','產品3','產品4','產品5']
values = [38.7,15.33,19.9,8.6,17.47]
#定義trace或者data
trace = [go.Pie(labels=labels, values=values)]
layout = go.Layout(title = 'plotly的pie圖')
fig = go.Figure(data = trace, layout = layout)
pyplt(fig, filename='plotly的pie.html')5.2 shanpie.py代碼
import plotly as py
import plotly.graph_objs as go
pyplt = py.offline.plot
#數據定義
labels = ['產品1', '產品2','產品3', '產品4', '產品5']
values = [30, 25, 15, 22, 8]
colors = ['#FFFF00', '#FF0000', '#E066FF', '#0D0D0D']
#trace或者data數據定義
trace = [go.Pie(
labels = labels,
values = values,
rotation = 30,
opacity = 1,
showlegend = False, #圖例顯示否，True就是顯示
pull = [0.1,0,0,0,0], #0.1為第一組數據出來pull=產品1=30的那一組
hoverinfo = 'label+percent',
textinfo = 'percent', # textinfo = 'value',
textfont = dict(size = 30, color = 'white'),
marker = dict(colors = colors, line = dict(color = '#000000', width = 2))
)
]
fig = go.Figure(data = trace)
#注意fig中無layout布局
pyplt(trace, filename='plotly的shanpie.html')5.3 plotly的環形圓，circlepie.py代碼：
import plotly as py
import plotly.graph_objs as go
pyplt = py.offline.plot
labels = ['完成','未完成']
values = [0.8,0.2]
trace = [go.Pie(
labels = labels,
values = values,
hole = 0.7, #空閑大小比值
hoverinfo = "label + percent")]
#標題定義
layout = go.Layout(title = 'plotly的環形圈圖')
fig = go.Figure(data = trace, layout = layout)
pyplt(fig, filename='circlepie.html')6 折線圖line
6.1 方法一：
#導出模塊
import plotly
import plotly.graph_objs as go
#直接把數據寫入離線模塊里
plotly.offline.plot(
{
"data": [
go.Scatter(x=[1, 2, 3, 4], y=[4, 3, 2, 1]),
go.Scatter(x=[2, 1, 4, 3], y=[3, 1, 4, 2]),
],
"layout": go.Layout(title="plotly的line圖")
},
auto_open=True) #自動打開
#注意以上并未出現代碼生成的html文件名和保存地址
#采用默認法，如下參數介紹，如filename='temp-plot.html'
'''
plot(figure_or_data, show_link=False, link_text='Export to plot.ly',
validate=True, output_type='file', include_plotlyjs=True, filename='temp-plot.html',
auto_open=True, image=None, image_filename='plot_image',
image_width=800, image_height=600, config=None, include_mathjax=False,
auto_play=True, animation_opts=None)
'''6.2 方法二：
#常規方法
import plotly as py
import plotly.graph_objs as go
pyplt = py.offline.plot
#數據資料設置
trace0 = go.Scatter(
x=[1, 2, 3, 4],
y=[10, 15, 13, 17]
)
trace1 = go.Scatter(
x=[1, 2, 3, 4],
y=[16, 5, 11, 9]
)
#如果數據較多較多，以后還可以讀取數據方法，那是高級法
data = [trace0, trace1]
#布局并定義標題
layout = go.Layout(title = '常規方法的折線圖line')
#定義畫布，掛在data和layout
fig = go.Figure(data = data, layout = layout)
pyplt(fig, filename='line.html')7 散點圖代碼：
#隨機散點圖的常規方法
import plotly as py
import plotly.graph_objs as go
import numpy as np
pyplt = py.offline.plot #離線設置
#定義數據來源
#trace1 = go.Scatter(
data = go.Scatter(
y = np.random.randn(500),
mode = 'markers',
marker = dict(
size = 16,
color = np.random.randn(500),
colorscale = 'Viridis',
showscale = True
)
)
#data = [trace1] #注意被注釋掉的是規范寫法，但也可以直接data取代trace1
layout = go.Layout(title = 'plotly的Scatter的散點圖')
fig = go.Figure(data = data, layout = layout)
pyplt(fig, filename='plotly的Scatter.html')=====以上為常規基本作圖，高級作圖未完待續=========
我覺得比pyecharts還好用，github非常火的可視化作圖，當然它的功能步僅僅是本文基本作圖，高級作圖下次介紹。
自己整理，分享出來，喜歡的就點贊、收藏和轉發。
著響應網絡的發展，越來越多的高質量的SVG在線編輯器被公眾所熟知。SVG矢量圖形也越來越受歡迎，以便在任何設備上呈現圖像，甚至一些易于使用的SVG在線編輯器，可以替代PS，本文總結了五種流行的SVG在線編輯器。
即時設計是一款可協作的在線設計工具，無需下載即可使用瀏覽器打開和編輯文件，團隊和個人都可以輕松使用。在即時設計中，團隊成員可以合作查看、編輯和同步同一項目的信息，并支持UI/UX設計師在不同的地方實時完成創作和溝通。
當你的設計圖做完后，你可以在導出選項中，選擇SVG格式。
功能特點
研發預覽模式：
完美適配國內團隊習慣，解決設計開發交付場景痛點；
團隊和個人字體共享：
本地字體導入云端建立線上字體庫，所有協作成員無需下載安裝；
移動端 App：
不僅能實時預覽設計效果，還能進行文件管理、打點評論在線溝通；
資源廣場：
與工具集成，精選的設計規范、組件、圖標等資源無需下載直接在線使用；
個人資源庫：
引用組件、變體、圖標等內容一鍵上傳到云端保存，隨時隨地復用；
主流文件格式支持：
XD 導入、Sketch 導入導出，滿足不同工具用戶的項目遷移和備份需求
體驗地址：https://js.design/?source=tt&plan=ystt2306
Vectr是一款簡單免費的SVG在線編輯器，也是一款在構建縮放時不會損失質量的圖形軟件，您可以在線或離線使用Vectr，您可以隨意選擇使用方式。此外，SVG在線編輯Vectr也是Windows、Linux和Chromebook提供了不同的下載包，使設計師使用起來非常方便。
功能特點
可以隨時訪問編輯器
使用時，節省空間
插入內部，刪除操作效率很低
Vecteezy不僅是一款功能齊全的免費SVG在線編輯器，也是初學者和專業人士都可以免費使用的編輯器。在Vecteezy中，您可以根據自己的習慣調整軟件中的所有內容，但使用編輯器時，您必須記住，如果您認為免費包不夠，不用擔心，您可以隨時升級免費包，升級后您可以自由享受更多功能。
功能特點
能夠訪問所有高級圖形
商業項目中可以使用您設計的圖形
可以使用圖形進行無限的物理和數字復制
Vecta是一個強大的SVG在線編輯器，其功能包括：訪問谷歌字體、文本輪廓、顏色、圖層智能連接器等，此外，Vecta也是一個非常適合團隊成員的SVG在線編輯器。
功能特點
可隨機訪問
具有較大的空間擴展性
節省空間
圖形設計的美在于，你可以很容易地將它與各種內容格式、項目和應用程序集成在一起。SVG在線編輯Chartist.js可以幫助設計師、開發人員甚至網站管理員輕松地將SVG圖片放在任何設備上，圖片看起來非常好，并通過交互式和動態圖表來增強圖片的視覺外觀。您還可以在您設計的網站上靈活地制作圖表。
功能特點
配置簡單，可方便地轉換各種圖表數據格式。
代碼比較簡單，使用起來比較方便。
js可以靈活地應用于Web頁面。
js支持不同的瀏覽器尺寸和分辨率。
支持自定義SASS架構。
段時間 WordPress發布全新管理 Calypso，以桌面版應用程式形式提供使用者免費下載，創辦人Matthew Mullenweg認為，現今行動裝置非常流行，但一般撰寫或編輯文章仍多半局限在電腦上進行，因此提供一個最佳化的部落格管理工具就顯得格外重要。這也促使WordPress持續獲得更多使用者。
WordPress.com應用程式一開始只有Mac版，現在已延伸至Windows及Linux ，搭配原有iOS及Android應用程式，幾乎可以說已經完成桌面端及行動裝置布局。
本文要介紹新推出的WordPress應用程式，或者你可以稱它為部落格軟體，這個應用身兼三大功能：閱讀器、離線編輯器及管理工具！以往這三個部分要透過不同服務或軟體來達成，現在，WordPress原生應用程式就能做到。將資訊來源及內容生產整合在一起，可以說是目前看過最強大的產生力工具。
除此之外，重頭戲仍擺在這次的Calypso更新，眾所皆知WordPress有非常易用且功能完整的控制臺（WP-Admin），但每次要進行操作都必須登入網站，有時候不是那么方便。WordPress讓你能直接從桌面端來管理多個網站，全新設計的控制臺有非常流暢的操作速度，在管理上更為輕松簡單。
不過WordPress應用程式最大特色是：可以拿來做為離線編輯器使用！
以往你可能會使用第三方離線編輯器來寫文章，例如：Open Live Writer，因為使用內建文章編輯器并不是那么方便。在WordPress應用程式中，你可以透過全新可視化編輯器來寫文章，內建自動草稿儲存、插入圖片、設定分類與標簽及發布等功能。
WordPress應用程式不限于WordPress.com使用，如果你是采WordPress.org開放原始碼程式自行架站，安裝Jetpack 一樣能夠支援。這是一款由Automattic（WordPress母公司）開發的外掛程式，包含幾項我曾介紹過的功能：
1Photon 免費CDN 圖片分流加速服務
2Jetpack Monitor 免費24/7 網站監測服務，網站無法連線自動提醒
3啟用Jetpack「單一登入」機制教學，讓你的WordPress 網站更安全
使用教學
STEP 1
開啟WordPress.com 應用程式后，輸入你的使用者名稱、密碼來登入，這里要輸入的不是你網站的登入帳號密碼，而是網站所連接的WordPress.com 帳號資訊。
若你是使用WordPress 自行架站，點選下方「Add self-hosted site」取得更多資訊。
STEP 2
WordPress.com 應用程式的預設畫面為「讀取器」，也就是前面提到的閱讀器。在這里可以將你喜歡的網站內容加入「關注」，WordPress 會推薦你可能有興趣的相關網站內容。你還可以新增清單、加上標簽來分類不同的網站主題。
在閱讀器里，你可以新增任何有RSS Feed 功能的網站，不限于WordPress 類型。
STEP 3
WordPress.com 應用程式的另一個特色是可以隨時收到通知。它就像一般軟體，當有人關注你，在你的網站按贊或留言，它會立即跳出提示讓你知道。
STEP 4
這個應用程式的亮點應該是管理功能，或許你之前在網頁端試用過，軟體把操作介面帶到桌面端，讓你不用從瀏覽器就能進行網站管理，包括新增文章頁面，或是更新升級布景主題及外掛等等（必須從Jetpack開啟「Manage」模組才能用）。
不過我最喜歡的是WordPress.com 的統計功能（Stats），它會清楚記錄下每天的網站流量變化，包括最熱門的文章頁面、來源網址、國家等資訊，相較于Google 分析來說，內建的統計資料更為清楚易懂。
STEP 5
前面介紹有提到：WordPress桌面版應用程式本身就是一個離線編輯器！現在，你可以直接在桌面端透過官方軟體來撰寫文章。
應用程式的編輯器功能非常好用，不但速度快、設計簡單大方，也和WordPress 有更緊密的結合，因為它已經加入了網站相關設定，例如分類與標簽、特色圖片、分享等功能。
下圖是我使用WordPress.com App for Windows 桌面版來寫文章的畫面擷圖，可以看到相較于原先網頁編輯器來說，桌面版設計更為干凈明亮，讓你在寫文章時有更好的寫作體驗（如果常常苦思得不到靈感，就會知道這有多么重要…）。
這個編輯器的另一特色是：無須連上網路，具備自動儲存草稿功能。若你正在尋找一款免費、好用的部落格寫作工具，WordPress.com App會是非常棒的選擇！
WordPress 本身只是一個開放原始碼的PHP 程式，用于架設網站部落格，但憑借外掛功能，讓它延伸擴展更多更不一樣的變化！Matthew Mullenweg 始終相信開放相較于封閉有更多的好處，WordPress 彈性自由更可以適應不斷變化的網路環境。
這款WordPress.com 桌面版應用程式耗時二十個月，由來自世界各地的開發者貢獻而生，相信它能跟上接下來的發展趨勢，讓我們有更為便利的數位寫作工具！
值得一試的三個理由：
開放原始碼，提供Windows、Mac、Linux 三大平臺免費下載
更好用的寫作工具，將重心聚焦于內容
速度快、操作簡單，使用現今最流行開發項目
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
