端數據可視化插件大盤點 圖表/圖譜/地圖/關系圖全有
在大數據時代,很多時候我們需要在網頁中顯示數據統計報表,從而能很直觀地了解數據的走向,開發人員很多時候需要使用圖表來表現一些數據。隨著Web技術的發展,從傳統只能依靠于flash、IE的vml,各個瀏覽器尚不統一的svg,到如今規范統一的canvas、svg為代表的html5技術,表現點、線、面要素的技術已經越來越規范成熟。我把前端數據可視化分為了五種:
1.圖表
2.圖譜
3.地圖
4.關系圖
5.立體圖
我將按照順序介紹62款前端可視化插件,下面就分享下34款圖表插件:
1.amcharts
url: http://www.amcharts.com/
browser:IE6+、chrome、safari、firefox、opear
resume:amCharts是一種先進的圖表庫,將適合任何數據可視化的需要。圖表解決方案包括柱、欄、線、區域,一步,一步沒有冒口,平滑線,燭臺,OHLC,餡餅/甜甜圈,雷達/極地,XY /分散/泡沫,子彈,漏斗/金字塔圖以及指標。
2.awesomechartjs
url:http://cyberpython.github.io/AwesomeChartJS/
github:https://github.com/cyberpython/AwesomeChartJS
browser:現代瀏覽器
resume:AwesomeChartJS是一個簡單的Javascript庫,可用于創建圖表基于HTML 5畫布元素。
3.axiis
url:http://www.axiis.org/
browser:官方未說明
resume:Axiis框架是一個開源的數據可視化為初學者和專家開發人員設計的。
4.bonsaijs
url:http://bonsaijs.org/
github:https://github.com/uxebu/bonsai
browser:IE9+、chrome20+、safari5+、firefox18+、opear12+
resume:用于創建圖形和動畫的js庫
5.canvasjs
url:http://canvasjs.com
browser:官方未說明
resume:一個使用HTML5、JavaScript創建圖表在畫布上,圖表包括幾個好看的主題和10倍的速度比傳統的基于Flash / SVG庫——導致輕量級的,美麗的和響應指示板。收費
6.canvasxpress
url:http://canvasxpress.org/
browser:Firefox 1.5+, Opera 9+, Safari 3.x+, Chrome 1.0+, IE 6+
resume:CanvasXpress是一個獨立的Javascript編寫的圖形庫,支持所有主流瀏覽器中計算機和移動設備。
7.chartist
url:http://gionkunz.github.io/chartist-js/
github:https://github.com/gionkunz/chartist-js
browser:Firefox, Chrome, Safari, Opera, IE9+
resume:繪制多種圖形的庫
8.chartjs
url:http://www.chartjs.org/
github:https://github.com/nnnick/Chart.js
browser:IE9+、chrome、safari、firefox、opear、部分支持IE7/8
resume:chartjs是一個可以繪制多種圖表的庫,使用了html5的canvas技術
9.chartkick
url:http://ankane.github.io/chartkick/
github:https://github.com/ankane/chartkick
browser:IE6+、chrome、safari、firefox、opear
resume:chartkick是一個依賴于ruby的繪制圖表的js庫,在Python中也可以使用
10.DataWrapper
url:https://datawrapper.de/
github:https://github.com/datawrapper/datawrapper
browser:支持大部分瀏覽器
resume:Datawrapper完全免費,開源。您可以使用他們的免費主機服務,或者安裝在您自己的服務器上。Datawrapper用PHP編寫,非常易于安裝、修改和拓展。可以繪制。但是DataWrapper是生成圖表后嵌入到站點的。
11.dataset
url:http://misoproject.com/dataset/
github:https://github.com/misoproject/dataset
browser:官方未說明
resume:dataset是一個JavaScript客戶端數據轉換和管理庫。數據集管理客戶端數據簡單處理加載、解析、排序、查詢和操縱來自各種數據源的數據。
12.dc
url:http://dc-js.github.io/dc.js/
github:https://github.com/dc-js/dc.js
browser:官方未說明
resume:專門為探索大型、多維數據集而進行優化的庫
13.dygraphs
url:http://dygraphs.com/
browser:IE8+、chrome、safari、firefox、opear
resume:dygraphs是一種快速、靈活的開源JavaScript庫圖表。
14.echart
url:http://echarts.baidu.com/index.html
github:https://github.com/ecomfe/echarts
browser:IE9+、chrome、safari、firefox、opear
resume:基于Canvas,純Javascript圖表庫,提供直觀,生動,可交互,可個性化定制的數據可視化圖表。創新的拖拽重計算、數據視圖、值域漫游等特性大大增強了用戶體驗,賦予了用戶對數據進行挖掘、整合的能力。
15.flotr2
url:http://www.humblesoftware.com/flotr2/
github:https://github.com/HumbleSoftware/Flotr2
browser:FF, Chrome, IE6+, Android, iOS
resume:Flotr2是HTML5畫圖表和圖形庫。可以繪制線圖、條圖、蠟狀圖、餅圖、氣泡圖
16.Flot
url:http://www.flotcharts.org/
browser:Internet Explorer 6+, Chrome, Firefox 2+, Safari 3+ and Opera 9.5+
resume:一個基于jQuery的繪圖庫,可以繪制折線、散點、條形、餅狀圖
17.fusioncharts
url:http://www.fusioncharts.com/
browser:IE6+、chrome、safari、firefox、opear
resume:一個專門用來繪制圖表的庫,可以繪制90多種圖表,但是收費
18.graphael
url:http://g.raphaeljs.com/
browser:Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+
resume:可以繪制各種圖表的插件,而且非常簡單靈活
19.highchart
url:http://www.highcharts.com/
github:https://github.com/highslide-software/highcharts.com/
browser:支持各種設備,ie6+
resume:在高版本瀏覽器中使用SVG,而在舊版本IE(包括IE6及更新版本)中使用后備的VML。有自己的團隊負責,但是只對非商業用途免費,可以繪制 line, spline, area, areaspline, column, bar, pie, scatter, angular gauges, arearange, areasplinerange, columnrange, bubble, box plot, error bars, funnel, waterfall and polar chart types
20.humble Finance
url:http://www.humblesoftware.com/finance/index
browser:FireFox, Safari, Chromium, or IE6+
resume:HumbleFinance是一個HTML5數據可視化工具類似于Flash工具,完全是用JavaScript編寫的工具使用原型和Flotr庫。
21.ichartjs
url:http://www.ichartjs.com/
github:https://github.com/wanghetommy/ichartjs
browser:IE9+、chrome、safari、firefox、opear
resume:ichartjs 是一款基于HTML5的圖形庫。使用純javascript語言, 利用HTML5的canvas標簽繪制各式圖形。 ichartjs致力于為您的應用提供簡單、直觀、可交互的體驗級圖表組件。ichartjs目前支持餅圖、環形圖、折線圖、面積圖、柱形圖、條形圖。
22.icharts
url:http://www.icharts.net/
browser:官方未說明
resume:iCharts免費版本提供了一些基本的交互式圖表樣式,如果更使用高級的樣式,則需要購買高級版本。
23.JavaScript InfoVis Toolkit
url:http://philogb.github.io/jit/
github:https://github.com/philogb/jit
browser:官方未給出具體版本
resume:JavaScript InfoVis Toolkit可以動態繪制各種圖形,提供了一些預設的樣式可用于展示不同的數據
24.jqplot
url:http://www.jqplot.com/
browser:IE 7+, Firefox, Safari, and Opera
resume:基于jQuery的繪圖插件,可以繪制折線、條形、散點、餅狀圖
25.jscharts
url:http://www.jscharts.com/
browser:Firefox 1.5 +,Chrome 10 +,Internet Explorer 8 +,Safari 3.1 +,Opera 9 +
resume:jscharts是一個基于JavaScript的圖表生成器,需要很少或根本沒有編碼。jscharts繪制圖表是一個簡單和容易的任務,因為您只需要使用客戶端腳本(即由web瀏覽器)。不需要額外的插件或服務器模塊。就包括我們的腳本,準備你的圖表數據XML、JSON或JavaScript數組和你的表已經準備好了!允許您創建圖柱狀圖,餅圖或簡單的線條圖。收費但是有免費版本。
26.kendo-ui
url:http://www.telerik.com/kendo-ui
github:https://github.com/telerik/kendo-ui-core
browser:現代瀏覽器
resume:http://www.cnblogs.com/xiyangbaixue/p/3951297.html
27.nvd3
url:http://nvd3.org/
github:https://github.com/novus/nvd3
browser:Chrome,Firefox, Opera, Safari and Internet Explorer 10
resume:d3圖表庫
28.pizza-pie-charts
url:http://zurb.com/playground/pizza-pie-charts
github:https://github.com/zurb/pizza
browser:官方未說明
resume:主要用來生成餅狀圖的庫
29.protovis
url:http://mbostock.github.io/protovis/
github:https://github.com/mbostock/protovis
browser:現代瀏覽器
resume:Protovis組成自定義視圖的數據用簡單的標志如酒吧和點。與低級圖形庫,迅速成為可視化乏味,Protovis定義是通過編碼數據的動態屬性,允許繼承,尺度和layoutsto簡化施工。
30.Peity
url:http://benpickles.github.io/peity/
browser:Chrome, Firefox, IE9+, Opera, Safari
resume:可以繪制多種圖形,但是都是很小的圖形,與jQuery Sparklines相似
31.rgraph
url:http://www.rgraph.net/
browser:現代瀏覽器
resume:RGraph是一個基于HTML5的開放web圖表和圖表庫。RGraph創建這些圖表在web瀏覽器使用JavaScript,這意味著更快的頁面和web服務器負載,導致較小的頁面大小和更快的網站。
32.webfx
url:http://webfx.eae.net/
browser:Firefox 1.5, Opera 9 and Internet Explorer 6
resume:支持多種圖表的庫
33.xcharts
url:http://tenxer.github.io/xcharts/
github:https://github.com/tenXer/xcharts/
browser:現代瀏覽器
resume:xCharts美麗是一個JavaScript庫,用于構建和自定義數據驅動的web使用D3.js圖表可視化。使用HTML、CSS和SVG,xCharts被設計成動態、流體、集成和定制。
34.zingchart
url:http://www.zingchart.com/
browser:官方未聲明
resume:ZingChart創造驚人的可視化提供了靈活性和資源。提供超過100個圖表類型,獨特的特性,如縮放和交互式。
小結:
每款插件各有千秋,根據項目需求挑選不同插件。其中比較廣泛使用的如echart(百度產品)、highchart等,下面我將分享圖譜插件。
9款圖譜插件:
1.crossfilter
url:http://square.github.io/crossfilter/
github:https://github.com/square/crossfilter
browser:官方未說明
resume:一個可以操作大型、多元數據集的庫,幫助數據分析。
2.d3js
url:http://d3js.org/
github:https://github.com/mbostock/d3
browser:Firefox, Chrome, Safari, Opera, IE9+
resume:D3.js是一個JavaScript庫,基于數據操作文檔。D3可以幫助你把數據使用HTML、SVG和CSS。D3強調web標準給你完整的現代瀏覽器的功能沒有把自己和一個專有的框架,結合強大的可視化組件和DOM操作的數據驅動的方法。
3.envisionjs
url:http://www.humblesoftware.com/envision/index
github:https://github.com/HumbleSoftware/envisionjs
browser:IE6+、chrome、safari、firefox、opear
resume:envisionjs是一個庫來創建快速、動態和交互式可視化的圖表
4.jsxgraph
url:http://jsxgraph.uni-bayreuth.de/wp/
github:https://github.com/jsxgraph/jsxgraph
browser:現代瀏覽器
resume:JSXGraph交互式幾何是一個跨瀏覽器的庫,函數繪圖,圖表和數據可視化在web瀏覽器中。它完全實現在JavaScript中,不依賴于任何其他庫,并使用SVG VML或畫布上。
5.paperjs
url:http://paperjs.org/
github:https://github.com/paperjs/paper.js
browser:IE9+,chrome,firefox
resume:paperjs是一款不可多得的js插件,可以繪制各種動態圖形效果
6.processingjs
url:http://processingjs.org/
github:https://github.com/processing-js/processing-js/
browser:現代瀏覽器
resume:processingjs是用Java編寫的,所以圖形在網頁上顯示要靠Java程序,使用canvas技術
7.Rapha?l
url:http://raphaeljs.com/
github:
browser:Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ and Internet Explorer 6.0+.
resume:Rapha?l是一款繪制矢量圖的插件,支持低版本的瀏覽器
8.sparklines
url:http://omnipotent.net/jquery.sparkline/#s-about
github:
browser:Firefox 2+, Safari 3+, Opera 9, Chrome and Internet Explorer 6+,ios和andriod設備
resume:使用內嵌在HTML中的數據或通過javascript直接生成微線圖(小內聯圖表),最主要的特點是可以生成波形圖。
9.tangle
url:http://worrydream.com/Tangle/
github:
browser:
resume:Tangle是一個JavaScript庫,用于創建活性文檔。讀者可以交互式地探索可能性,玩參數,并立即看到文檔更新。Tangle是超級簡單,容易學習。
小結:后面將分享6款地圖插件。
6款地圖插件:
1.Kartograph
url:http://kartograph.org/
github:https://github.com/kartograph/kartograph.py
browser:Internet Explorer 7+,chrome,Firefox
resume:Gregor Aisch開發的一個基于JavaScript和Python的非常炫的、完全使用矢量的庫。
2.leafletjs
url:http://leafletjs.com/
github:https://github.com/Leaflet/Leaflet
browser:Chrome,Firefox,Safari 5+,Opera 12+,IE 7–11
resume:leafletjs是一個開源的支持移動端的地圖插件,js文件僅僅有33kb,
3.Modest Maps
url:http://modestmaps.com/
github:https://github.com/modestmaps/modestmaps-js
browser:Firefox, Chrome, Opera, iOS, Android, and Internet Explorer 7-9.
resume:Modest Maps支持各種設備,也有很多版本。雖然是一款老的地圖插件,但是非常小、可擴展而且免費
4.polymaps
url:http://polymaps.org/
github:https://github.com/simplegeo/polymaps
browser:現代瀏覽器
resume:Polymaps依賴于SVG,因此在較新的瀏覽器中表現很好。
5.imagemapster
url:http://www.outsharked.com/imagemapster/
browser:Firefox, Chrome, Safari, Opera, IE6+
resume:ImageMapster是一個jQuery插件,它使你的HTML圖片像Flash一樣炫
6.datavlab
url:http://datavlab.org/
github:https://github.com/TBEDP/datavjs
browser:IE6+、chrome、safari、firefox、opear
resume:datav.js是為了降低日常對于可視化方法使用的成本,用數據可視化的方法幫助到更多的人。
現在來分享9款關系圖插件:
1.arborjs
url:http://arborjs.org/halfviz/#/a-new-hope
github:https://github.com/samizdatco/arbor
browser:IE6+,chrome,firefox
resume:基于jQuery的圖譜可視化庫,對于高版本的瀏覽器這個庫使用了HTML的canvas元素
2.cubism
url:http://square.github.io/cubism/
github:https://github.com/square/cubism
browser:官方未說明
resume:時間序列數據可視化的D3插件
3.gantti
url:http://bastianallgeier.com/gantti/
github:https://github.com/bastianallgeier/gantti
browser:IE7+、chrome、safari、firefox、opear
resume:是一款PHP的前端數據展示插件
4.getspringy
url:http://getspringy.com/
github:https://github.com/dhotson/springy/
browser:官方未說明
resume:Springy是一個使用JavaScirpt實現的有向圖布局算法,使用了真實世界中的一些物理原理,你可以隨意拖動圖表中的元素。
5.graphdracula
url:http://www.graphdracula.net/
github:https://github.com/strathausen/dracula
browser:官方未說明
resume:graphdracula是一組工具來顯示和布局互動圖表,以及各種相關算法。
6.sigamajs
url:http://sigmajs.org/
github:https://github.com/jacomyal/sigma.js
browser:IE9+,chrome,firefox
resume:一個非常輕量級的圖譜可視化庫。Sigma.js很漂亮,速度也快。
7.smoothiecharts
url:http://smoothiecharts.org/
github:https://github.com/joewalnes/smoothie/
browser:IE7+、chrome、safari、firefox、opear
resume:smoothiecharts是一個非常小的圖表庫為實時流媒體數據而設計的
8.timeplot
url:http://www.simile-widgets.org/timeplot/
github:
browser:官方未說明
resume:Timeplot是基于dhtml AJAXy部件繪圖時間序列和覆蓋基于時間的事件
9.visjs
url:http://visjs.org/
github:https://github.com/almende/vis/
browser:Chrome, Firefox, Opera, Safari, IE9+
resume:Vis.js是一個動態的、基于瀏覽器可視化庫。庫被設計成易于使用,處理大量的動態數據,使操作和交互的數據。時間表,包括組件庫數據集網絡、Graph2d,Graph3d。
End. 作者:夕陽白雪 via:36大數據 感謝!
了幫助IT從業者職業之路擁有更多收獲,在諸多C粉的殷切期待下,由 CTO俱樂部打造的CTO線上講堂自登場以來獲得大家好評。本期邀請兌吧聯合創始人兼總裁陳高維帶來“工具類、新聞類、視頻類等不同類型App的積分體系該如何搭建? ”的主題分享。
歡迎加入CTO講堂微信群與業界大咖零距離溝通,12月4日本期講堂報名方式拖至文末查看。
分享嘉賓:兌吧聯合創始人/總裁 陳高維
嘉賓簡介:陳高維,杭州兌吧網絡科技有限公司聯合創始人/總裁,連續創業,一直在路上。2008年讀研期間創立做象牙塔考研社區,服務全國100多所211、985高校;2012年加入斯凱網絡內部創業,擔任產品VP主導魔品科技多款核心產品;2014年創立兌吧,首創積分運營管理平臺,聚焦提升App用戶活躍與留存,基于App積分商城打造了一個全新的體驗式精準營銷平臺。
公司簡介:在資本市場不是很樂觀的情況下,兌吧網絡剛剛完成一輪3000萬人民幣的A輪融資。兌吧在互聯網創業者圈子也算是小有名氣,他們的專注App 積分運營,幫助APP提升用戶活躍與留存。目前包括百度、鳳凰、網易、新浪、暴風、趕集、58、PPTV…等一大批互聯網巨頭在使用兌吧的服務,同時樂動力、IN、點點養車、大姨嗎、遇見….等一大批互聯網新貴也在使用兌吧的服務。公司成立于2014年5月,團隊成員均來自阿里、斯凱等知名互聯網企業,對積分系統、接口管理和數據安全擁有獨特的優勢。目前已有1200多家App接入了兌吧積分商城,成為移動互聯網發展的創新型企業新貴。
以下是11月26日CTO講堂現場完整速記:
主持人: 今日講堂時間到~歡迎陳總,麻煩您向大家自我介紹一下。
陳高維:大家好,我是陳高維,兌吧的聯合創始人&總裁,很高興來到CSDN跟大家做一個微信的交流。我跟在坐的有些同學的工作路徑可能有一些不同,從學校里開始就一直在創業。先簡單的介紹一下之前的幾段比較重要的經歷:
主持人:看您曾在讀研期間就做了社區項目,可否介紹一下,在那一次最初的創業經歷中都收獲了哪些思考和教訓?
陳高維:07、08年的時候 web2.0 還是比較熱的創業方向。還沒畢業就開始做了一個考研社區的項目,通過知識社區、資訊信息、社交分享把考研人按目標學校、專業匯集起來,然后基于這個平臺做考研遠程培訓、輔導資料的c2c銷售平臺。
第一次創業經驗不足,在團隊、管理、融資上沒有做好準備的情況下急于復制擴張,沒有控制好節奏、把握好服務品質,挺不錯的一個學生項目 沒有做到預期的目標,現在看來算是交學費了。不過通過這個項目也得了各個方面的挑戰和鍛煉 ,為后面的項目打下了基礎。
主持人:您決定開始兌吧的創業是看到了什么發展機遇么?最初的想法是怎樣的?
陳高維:從2010年開始,智能手機開始普及,開始移動互聯網創業浪潮。當時智能手機上的的基礎服務不夠完善。很多細分領域的都有創業機會。建立品牌、獲取用戶也相對容易。5年過去了,移動互聯網的人口紅利逐漸消逝,新用戶的獲取成本也越來越高;提升用戶活躍、留存就顯的越發重要。提升用戶活躍、留存的方法有很多,其中積分體系是提升活躍度最通用、靈活、有效的一種工具。
積分商城真正要發揮活躍用戶的作用,就必須保證:友好的體驗、豐富而吸引人的獎品、趣味的活動 ,以及持續保持吸引力的內容運營能力。這是一件很有難度的事情。
事實也證明沒有幾個互聯網公司可以真正的把積分提升活躍運營到很好,因為在他們看來這始終是一個功能,而不是一個產品。即使投入了資源,由于專業性、優先級、投入程度的問題往往也是達不到預期的效果。這是互聯網公司普遍的痛點,并且會越來越痛。
so,如果我們來做一個專業的積分運營服務平臺,把積分商城當作一個互聯網產品來對待,投入專業的團隊來策劃開發、投入專業的團隊來整合社會上的獎品資源、投入專業的團隊來運營,并且把服務能力以saas服務的方式開放出來,我們相信可以很好的幫助互聯網企業解決這個痛點。
于是在經過半年的籌劃之后,一家靠譜的、免費的第三方“積分運營服務平臺”——兌吧 在2014年7月份上線了了。也比較幸運,在過去1年多時間里,我們的產品和服務得到了廣大的互聯網公司的認可,目前我們已經有1200+app 在使用我們的服務,并且越來越多的app正在陸續加入這個陣容。
主持人:簡單介紹下兌吧目前提供的產品和服務吧。什么是積分商城,積分商城在App中的定位是怎樣的?
陳高維:兌吧目前提供的服務內容主要包括兩個方面:
(1) 免費提供積分商城系統,提供豐富的模版和自定義功能,幫助移動開發者在APP中快速嵌入我們的h5積分商城。接入這個服務僅僅需要2個工作人日,非常便捷。
舉個例子:
(2) 提供豐富的內容與工具
a、兌吧提供數百種免費的獎品資源,包含:各類智能硬件、電影票、化妝品..等實物獎品,也包含各類O2O、免費酒店、免費k歌…等服務獎品,也包含各類:現金劵、vip卡、折扣劵等優惠資源。這些資源都是由各類企業免費贊助。 b、兌吧提供各類實物獎品采購、庫存、配送、客服服務,提供各類的虛擬充值基礎服務。C、兌吧提供開發的后臺,app 運營可以導入自有的實物、虛禮獎品。
積分體系用于提升 App 用戶活躍度、粘性,屬于輔助運營的手段。一套完善的積分體系,核心就是積分任務和積分消耗出口兩個部分。
積分任務就是app的核心運營指標拆解出來的核心動作,比如你希望用戶每天登錄(簽到)、去分享、ugc內容、匿名用戶轉化成注冊用戶… 都可以通過一定的方式設計成任務。
培養用戶習慣的過程中,積分商城需要承擔一個最重要的任務——讓用戶體會到積分的價值感。簡單來說就是讓用戶清楚自己為什么要去賺積分、能用積分換到一些什么樣的東西,這樣他才會持續的去做任務,積攢積分。
所以積分商城在 App 的定位應該是:讓用戶體驗到積分價值。
主持人:請談談積分商城的運營規則是什么,它是如何提高用戶的活躍度和留存率?
陳高維:一個完整的積分體系是包括積分獲取和積分消耗兩部分。因此積分獲取(積分任務)和積分商城(消耗)是兩個互相作用的部分,如果要使積分體系發揮作用,那么兩部分都需要做到合理的配合。
首先,大家來看看下如何設置積分任務?
以一個閱讀類App為例:
上圖不一定適合每個 app,但在積分規則的設計上有一個通用的規則,就是拆解你的運營kpi ,把它分解成一些用戶的有效行為,然后挑選合適的有效行為為任務。
其次,積分的權重,如何給每個相應的積分埋點,去分配積分?
比如我們日常任務中【簽到】,用戶每天都可以簽到,那少給點積分,每天 5 個;再一點,比如【分享】是一個重要的指標,可以幫我直接提高新增用戶,那就可以給用戶每次分享 20 個積分。我們可以根據這個規則來進行積分權重的分配,定義每個任務到底應該多少積分。
關于積分價值(匯率)的定義,我們可以根據積分獲取的難易程度和相應的積分商城的運營預算進行調整。一般完全新建的積分商城,我們建議積分匯率設置為100積分=1元人民幣的匯率。并圍繞這個匯率反向去定義積分發放的尺度。
關于積分的安全性,比如說每天設置十個積分任務,也可以做一些上限的約束,單個用戶 ID 只能獲取 100 積分(設置任務數和積分上限),防止少量用戶惡意刷取積分。
最后,如何讓用戶在積分過程中有強烈的積分價值感?根據我們在運營過程中的經驗來看,有兩點需要做到:一個是保持商品質量和種類數量,保持獎品的吸引力。獎品的內容要時換常新保持新鮮度,如能能結合當下熱點,那是最好;二是保證合適的參與門檻與趣味性。用戶的積分有貧富差距,設計合理的獎品價值分布、豐富有趣的熱點話題活動,讓所有人都有機會參與進來,兼顧不同等級用戶的參與體驗。
綜合來說在得積分和花積分兩個過程中,讓用戶有更好的體驗,用戶認可積分的價值,那么用戶就會去完成你設計的任務,相應的活躍度、留存率、運營指標也就得到提升。
主持人:兌吧的產品有什么獨特之處?國內外市面上是否有同類型的服務公司?
陳高維:首先是產品本身方面:
其次是我們在運營支撐方面同樣給力:
兌吧的產品及模式是我們自己首創、并在實踐中不斷完善的,目前國內、國外并沒有類似的產品和服務。這點也是我們贏得同行認可最關鍵的一點。
主持人:這算是新搭建的模式,那么兌吧是一個很看重運營的公司,工具類、新聞類、視頻類等不同類型App的積分體系該如何搭建呢?同樣,積分商城又存在哪些誤區?
陳高維:積分體系由兩部分組成:(1)積分獲取規則(積分任務);(2)積分消費體系(積分商城)。工具類、閱讀類、視頻類的app運營重點不同,通過kpi 拆解出來的用戶關鍵行為也是不同的,所以在設計積分任務的時候也是不同的。不同類型的app在積分消耗上類似的,沒有太大的區別。舉幾個具體的案例:
工具類APP:中華萬年歷 ,首頁頂部日歷工具,首頁下部是資訊系inxi、廣告,用戶把頁面拉到底部就獎勵積分;另外中華萬年歷有一個商業化(類似分類信息網站),他們就把簽到放在了這個頁面,希望引入更多的流量,積分任務跟工具變現關聯了起來;閱讀類APP:鳳凰新聞, 閱讀文章、發表評論、分享文章、登錄獎勵 給予積分;視頻類APP:暴風影音 , 簽到、每看30分鐘視頻給予積分獎勵。
這三家的積分規則明顯體現了他們的運營方向。
與兌吧合作的伙伴中,我們雙方運營會有互相的交流。在交流過程中的經常會得到開發者的反饋:積分商城上線之后,他們的用戶注冊率較之前有一定的提升,一些用戶 UGC 的內容也有所增長。這就是積分體系所帶來的明顯成績。
同樣在開發者運營積分商城的過程中會有兩個典型的誤區:
實積分商城一個系統工作,并不是一件簡簡單單就可以做出效果的事情,只有把積分商城當成一個產品來運營的時候,它的作用才會真正呈現出來。
做好積分商城需要完成以下核心工作:
做一個真正能提升用戶活躍的積分商城需要很多的的工作。包括在產品上面做一定的投入、運營上面做持續性的投入,而對于大多數的開發者都是一個很大的挑戰。所以像趕集、暴風、百度這樣的大型開發者也會選擇兌吧這樣的一個專業積分平臺,而不是自己投入大量的產品運營資源,去做一個運營的工具。
主持人:可以從具體產品適用場景或者客戶案例方面來闡述一下積分商城每日新增UV/PV、每日兌換訂單量、每日消耗積分和金額、用戶積分分布、活動數據等。
陳高維:我們來看一個APP積分商城上線3個月的一個數據表現:
左邊可以看出上線后每周 UV/PV 都有穩步增長,之后留存基本穩定在 30%以上。可以看到我們有一些高點,比如說 8月20號的那周,這里有一個留存,PV 上面那個高點,實際上我們是策劃了一個七夕的主題活動。這一周的 UV/PV 、增長用戶的留存率和兌換率要比平時高的多。
平常期間,用戶的 UV/PV 的比是 4到6。也就是說一個用戶進入積分商城后通常會瀏覽四到六個頁面。而在活動期間 UV 和 PV 的比,會達到十左右。相應的在活動之后的幾周留存率和兌換率,也得到了提高。所以從數據分析來看,結合節假日或者熱點時事的一些活動,能夠激起用戶對積分商城的關注度。
一般在兌吧平臺上的開發者,通過日常的運營積分商城兌換率,會維持在百分之十到百分之二十之間,消耗積分各家都不一樣。這個 App 近期的日訂單量大概在四萬左右,消耗的積分數在五百萬左右,差不多是每日積分發放量的百分之八十。屬于比較健康的狀態,而消耗資金這一塊,因為都是用兌吧提供的免費商品,所以暫時沒有資金的消耗。
當然這些數據只能給我們一個參考,在積分商城運營中的數據統計和分析實際上是非常重要的。比如說最基礎的每日UV/PV 上的數據,在運行過程中用戶喜歡兌換哪些類型的商品;比如說策劃了某個活動用戶的參與度是怎么樣;每天消耗多少用戶的積分等等。這些數據都能使之后在積分的發放制度和上架商品內容上做一些優化。
為了方便開發者對積分商城運營的效果進行分析,兌吧后臺會統計積分商城的 UV、PV 用戶的積分數,兌換內容數據活動的數據。并且這些數據還會以折線圖、餅狀圖的形式呈現給開發者運營,方便后期的分析,如果有興趣的朋友可以注冊到后臺看下。
主持人:您怎么看App積分商城運營與發展? 那么多有實力的公司不缺資源不缺團隊,為什么選擇使用兌吧?
陳高維:首先,積分商城的運營能夠提升用戶活躍和流程的關鍵點就是:能消耗掉用戶積分,使積分保持一個動態平衡,并在這個過程中給用戶留下良好的體驗。
兌吧在不斷的探索app積分商城的運營手段與方向,這是一個不斷超越用戶預期的過程。目前4個方面不斷提升:
大公司使用兌吧的積分商城,而不自建積分商城的主要原因是,兌吧提供了4個方面無法替代的價值:
主持人:請結合這些年您自己的職業經歷,對各位想在技術路線上走的更遠的人,給一點建議或者忠告。
陳高維:我本科、碩士都是計算機專業。讀書期間也開發過一些簡單系統、幫助過游戲公司開發游戲工具。
第一次創業做的象牙塔就是我跟另外一個合伙人劉曉俊一起開發的。就是從象牙塔這個項目開始,我的精力慢慢開始轉移到產品策劃和業務管理上面。技術背景的人做產品經理,邏輯思維能力會比較好一些,了解實現邏輯,所以跟技術團隊配合上更容易一些。這些只是基本功,產品經理最重要的還是商業的嗅覺,以及概念落地的能力。到第二次、第三次創業,角色職能開始變得更加綜合。
其實一路上并沒有刻意地規劃自己的職業路徑,勇于去承擔、解決創業中的問題,會推著你不斷的突破自己,不斷的成長。
因為很早就脫離了技術路線,所以很難給出細節的建議。但是有幾點我覺的是相通的:1.想清楚自己想要什么,想成為什么樣的人,目標決定行動路徑;2. 在自己感興趣的方向深入下去,堅持下去,你慢慢的就會成為這個領域的專家。3. 勇于去解決團隊遇到最具挑戰的問題,這是你成長的最快路徑。4. 鍛煉自己整體解決問題的能力,而不僅僅是技術角度解決問題,你會發現你更多的潛能。5. 選擇或者創造有潛力的平臺,與平臺一起才能走的更遠。ok, 大概就這么多 ,希望有幫助:)
互動環節:只有手機端支持?
陳高維:手機端目前是支持的最好的。PC端 由于涉及 設計樣式、域名的問題,比較難統一方案解決,目前少量客戶給予定制支持。大多數互聯網公司 ,都是把用戶往APP引導,在PC上積分商城模塊 ,做成APP下載的一個引導,不做具體的兌換。
問:現在只針對手機APP,像我們如果是電視的APP能否對接呢?
陳高維:目前已經支持 PAD, 應該交互升級一下就可以支持到。
互動環節:積分商城還有一個重要的是商品,如何面對不同的受眾人群,定位目標用戶的商品投放需求。
陳高維:不同的APP 可以自行從我們的獎品庫里挑選跟你的用戶匹配的獎品。
互動環節:請問你們目前收費模式是怎么樣的呢?
陳高維:面向開發者是免費服務的,包括系統免費、獎品(企業贊助的獎品)免費。
互動環節:除增加活中躍度,如何增加網站的商品邊際效益,感覺只解決了積分消費問題。
陳高維:積分是一個杠桿,我們解決的就是讓用戶認可積分的價值,通過這個杠桿去驅動用戶的價值行為。各個公司可以根據自己的商業訴求 去設計這個價值行為(積分任務)從而達到 活躍、變現的目的。
問:也就是只解決了平臺運營商的問題,但對平臺供應商沒有什么太多幫助?如果要網站盈利,如何解決供應商的問題才是真正的問題。
陳高維:我們通過這種方式可以給獎品贊助方(廣告主)帶來精準的體驗式營銷,為廣告主創造了價值。隨著規模的增加,這個價值 是非常大的。所以沒有犧牲贊助商的利益,是一個共贏的生態。
互動環節:積分的投入和產出,有沒有計算公式?
陳高維:你是說 積分商城的預算和效果產出是吧。使用兌吧其實基本不需要投入,因為我們提供了豐富的免費獎品。效果很容易觀察,積分商城上線之后,關鍵行為的提升度就是最直接的效果。
互動環節:你們目前公司的財務狀況和公司的盈利了嗎? 有沒有拿到什么投資機構的大的投資呢。
陳高維:A輪 3000萬 人民幣。目前公司還是在提升規模階段,希望服務更多的開發者。目前沒有著手盈利。規模起來了 ,盈利也不會遠。
互動環節:我曾經在深圳做德州運營的時候 當時我們的積分換實物的商城 因政策原因不讓做 不知道你們有沒有遇到過?
陳高維:德州是游戲,國家會管制的比較嚴格。容易跟賭博 劃分不清。我們這個是補貼用戶,不需要用戶充值,所以有本質的區別。
想與業界大咖零距離溝通,歡迎加入CTO講堂微信群,參與CTO講堂!
分享主題:揭秘高效協作工具背后的技術架構
分享嘉賓:Worktile聯合創始人兼CTO 李會軍
嘉賓簡介:李會軍,易成時代聯合創始人兼CTO。負責公司旗下Worktile和紛云兩款產品的產品設計和研發。
2005年,李會軍畢業于中國民航大學計算機科學與工程學院,畢業后先后就職于仙特軟件和宇思信德科技有限公司,從事系統架構相關工作;其后受邀加入鮮果移動擔任技術總監;連續4屆“微軟MVP",著有技術暢銷書《Silverlight 2 完美征程》。
公司簡介:Worktile是一款專注于解決中小團隊協作的SaaS軟件,包括任務進度管理,團隊成員之間共享文件,在線編寫文檔以及安排團隊的日程等。清晰的看板管理和樂高積木式的模塊化功能是其最大的特點。用戶可以在看板上按照自己的工作習慣和流程打造貼合自身的工作流;通過充足的自定義權限可以定義團隊、項目、任務的多種屬性,還可以隨心開啟關閉功能模塊,就像玩轉樂高積木一樣簡單靈活。目前Worktile已經推出了Web版、iPhone版和Android版,可以滿足不同平臺的需求。
加入方式:掃描二維碼加“C粉兒小助手”好友,申請入群。
還不是CTO俱樂部成員的各公司技術負責人,歡迎立即加入俱樂部:cto.csdn.net。
入人人都是產品經理【起點學院】產品經理實戰訓練營,BAT產品總監手把手帶你學產品
辛辛苦苦分析一堆大數據,竟然沒人看!如果你正著手于從數據中洞察出有用信息,那你所需要的正是——數據可視化。俗話說,有圖有真相,一圖勝千言,取悅了眼球,剩下的都好說。
貴妃周一巨獻!!挖掘了21款炙手可熱的數據可視化工具,干凈利落的高顏值信息圖,就要這樣做!
FusionCharts Suite XT不僅可以為帶給你漂亮的圖表,還能幫你制作出生動的動畫、巧妙的設計和豐富的交互性。它在PC端、Mac、iPad、iPhone和Android平臺都可兼容,具有很好的用戶體驗一致性,同時也適用于所有的網頁和移動應用,甚至包括IE6、7、8這些絕大部分插件都不支持的主兒。在這軟件里,創建你的首幅圖表也只需要15分鐘。
FusionCharts套件提供了超過90種圖表和圖示,從最基本款的到進階版,例如漏斗圖、熱點地圖、放縮線圖和多軸圖等。
Dygraphs是一款快捷、靈活的開源JavaScript圖表庫,用戶可以自由探索和編譯密集型數據集。它具有極強的交互性,比如縮放、平移和鼠標懸停等都是默認動作。更棒的是,它還對誤差線有很強的支持。Dygraphs也是高度兼容的,所有的主流瀏覽器都可正常運行(包括不受待見的IE8)。你甚至可以在手機和平板設備上使用雙指縮放!
Datawrapper讓你只需4步就可以創建出圖表和地圖。這款工具幫你將數據可視化的時間從幾小時減少到了幾分鐘。它的操作非常簡單,你只需上傳數據,選擇一個圖表或地圖,然后點擊發布就可以了。Datawrapper是為你的需求定制化而存在的,版式和視覺效果都可以按照你的樣式規范而調整。
網址請戳 Datawrapper
Leaflet是為移動端友好型交互地圖所做的開源JavaScript庫,其中包含了大部分在線地圖開發人員都需要的所有特征。Leaflet被設計為簡單易用、性能優良的工具。歸功于HTML5和CSS3,它得以支持所有主流電腦和移動平臺。如果你還想擴展這個app,有大量可供選擇的插件能安裝。
這是一款操作簡便的app,它可以輕松幫你創建令人眼前一亮的可視化作品。只需打開數據,用Tableau桌面版來進一步探索。然后,把可視化內容存儲在你1GB Tableau Public在線文件空間,最后,將他們放進網站或Blog,通過社交媒體把你的作品分享給全世界吧!
網址請戳 Download Now
這是一款很贊的app,你可以用它創作出漂亮、清晰、透明的信息圖表。PiktoChart提供了單擊編輯器,有著超過400種模板、圖標、圖表,一個極大的圖片素材庫和無限制的自定義服務,保證了你的信息圖表是獨一無二的。一切只需要三步:在圖庫里預覽主題然后選擇一個;在圖庫中超過1000張圖像之間選擇你要的素材或是自己上傳;最后,分享這幅信息圖表給全世界看吧。
Google Charts為你的網站提供完美的數據可視化處理。從簡單的折線圖到復雜的分級樹形圖,他的圖表庫里提供了海量的模版可供選擇。Google Charts如同JavaScript的類(classes)一樣是開放的,你可以按需定制,但通常默認樣式就能滿足你的所有需求。所有的圖表樣式都是使用數據庫表類(DataTable class)來填充數據的,這意味著你可以在挑選完美表現效果的時候輕松轉換表格類型。
Raw是一款開放的Web app,可以按需創作矢量圖形可視化作品。它是使用LGPL許可(GNU Lesser General Public License -GNU寬通用公共許可證的縮寫,許多自由軟件(Free Software)使用GPL作為其授權聲明,譯注)的定制項目,允許隨意下載并修改。但是Raw只是Web app,你所上傳的數據只能用網頁瀏覽器處理,因此沒有實質性服務器端數據交互。你可將可視化作品導出為矢量圖形(SVG)格式或者柵格化為(PNG)格式。
網址請戳 Raw
iCharts是基于云端的趨勢預測視覺分析平臺,它可以快速地將復雜的商業信息、大規模調查數據和動態數據研究的結果可視化。它非常的快速簡便,但卻可以根據實時數據創造出富有沖擊力的視覺智能圖像,并且可以為你帶來全方位信息聚合和信息對比。
Gliffy可以幫助你制作專業級流程圖、組織圖、UML分析圖(Unified Modeling Language,統一建模語言,譯注)、線框圖、技術制圖等等,而且它兼容所有的瀏覽器。Gliffy使用HTML5編輯器,速度是Flash的兩倍。它提供一個可讀的URL地址展示你的分析圖,也可以將成果社交媒體上。你只需從海量庫里把你想要的圖形拖拖拽拽,然后單擊選擇需要的格式,通過簡單的重選就能定制你的圖表。
Canva讓每個人都能簡單做設計,它提供你所需要的一切來幫助你把想法轉變成杰出的設計。你可以從一個定制版面或一個空白頁面開始。你所需的工具都在一個地方,簡明的界面才不會限制你發揮創造力。只需通過搜索并拖拽,就能創造出漂亮的設計,那些無聊的編程就讓Canva來處理吧。Canva可以在線免費使用。
通過HighCharts你可以為網站項目制作交互式圖表。它的用戶非常廣泛(全世界最大的100家公司里面有61家以及成千上萬的開發人員都在使用)。如果是為個人網站或非盈利組織使用這個軟件,它將是免費的。HighCharts是建立在HTML5上的,在現代的瀏覽器包括移動、平板設備上運行,也支持過時的IE瀏覽器(IE6之后的都可以)。它同時也是動態的,你可以自由添加、移除、修改數據列(Series)和關鍵點(Points)。這款app支持多種類型的圖表:折現圖、樣條曲線、面積圖、曲線面積圖、柱狀圖、條狀圖、餅狀圖和散點圖等等。
ZingChart是一個強大的庫,為用戶提供了快速創造漂亮的圖表、操作面板和信息圖表的可能性。你可以在上百種圖表類型中自由選擇,你的設計和個性化要求不會受到任何限制。你也可以使你的用戶通過交互式圖表特性參與到你的作品之中。
D3.js是數據驅動文件(Data-Driven Documents)的縮寫,他通過使用HTML\CSS和SVG來渲染精彩的圖表和分析圖。D3對網頁標準的強調足以滿足在所有主流瀏覽器上使用的可能性,使你免于被其他類型架構所捆綁的苦惱,它可以將視覺效果很棒的組件和數據驅動方法結合在一起。
Timeline.js會讓你愛上制作漂亮的時間軸,因為它的操作非常簡單直觀。這是一款支持40種語言的開源工具,通過它你可以建立自己的可視化互動時間軸,還可從各種途徑置入到媒體中,目前已支持Twitter、Flickr、Google Maps、YouTube、Vimeo、Vine、Dailymotion、Wikipedia、SoundCloud等等。如果想看到由這款app創建的時間軸案例,請移步Timeline JS3查看。
網址請戳 Timeline JS3
InstantAtlas讓信息分析師和研究者得以創建交互式動態分配圖報告,并結合統計數據和地圖數據來優化數據可視化效果。如果你正在尋找一個可以制圖的數據映射工具,那么恭喜你,就是它了。
WolframAlpha把自己稱作計算型知識引擎、谷歌在分析領域的勁敵。它最棒的一點是在顯示圖表時可以不需要任何配置就響應數據請求。如果你用的是公開的數據,那么你只需一個簡單的小部件生成器就能在你的網頁上輕松加入可視化數據。
http://Visual.ly是一個綜合圖庫和信息圖表生成器。它的工具很簡單,卻可創造出亮眼的數據展示作品。另外,你還可以在它的平臺上分享你的圖像。他能在內容上比一般的視覺分析工具表達更深入。
Dipity也是一款做時間軸的工具,用于管理網站上的時間和日期相關內容非常有效。用戶可以創造并分享他們精彩的交互式時間軸,內容形式多種多樣,包括音頻、視頻和圖像甚至社交媒體頻道。它對紙媒從業者、記者和博主來說簡直必不可少。
如果你在找一款可同時使用位圖和SVG矢量地圖的JavaScript庫,那么Polymaps正是你需要的。它為地圖提供的多級縮放數據集方面表現非常迅速,并且可支持矢量數據的多種視覺表現形式。更棒的是,Polymaps可以在很大的尺度范圍上加載數據。它使用的是球形墨卡托投影的tile格式,因此快到彈指間便可發布信息。
網址請戳 Polymaps
Excel現在作為微軟商用Office套件里的組成部分,它提供了一些漂亮而復雜的東西,從單元熱度圖到散點坐標圖都有。雖然只是一款入門級工具,但這對于想要探索數據的初學者來說倒不失為一個快速上手的好東西。你絕對應該將其放入工具箱。不過,如果你沒辦法得到Office套件,還可以試試Google Docs——它們也能干一樣的事(作者絕對是微軟高級黑)。
拿走,不謝!用得順手別忘了回來留言告訴我們你的最愛哦。
文 | Piotr Ku?niewicz
譯 | 高雨滴
校 | 郭瑽
特贊Tezign產品策劃 貴妃奶黃包
*請認真填寫需求信息,我們會在24小時內與您取得聯系。