More web-based and other types/Structures

JMP Graph Builder

on the go. Graphs at your fingertips.

JMP Graph Builder is the best way to view and explore JMP data tables right on your iPad. Create, edit and view graphs wherever you are with the same Graph Builder engine found in JMP, the desktop statistical discovery software from SAS. Data Filter, new in the latest release of JMP Graph Builder for iPad, lets you focus on specific parts of the data that you are graphing. Consider this free iPad app a bonus for choosing JMP for your statistical discovery needs.
ขอบคุณข้อมูลจาก :  http://www.jmp.com

Get started

• Send a JMP data table to your iPad via email, Dropbox or iTunes File Sharing.
• Access a web page with a linked .jmp file.
• Organize data tables in the gallery.
• Make a new graph by dragging variables where you want them with live updates.
• Switch between chart types by tapping in the palette.
• Filter your data to discover hidden relationships and dependencies.
• Explore your data with pinch, zoom and pan gestures.
• Fine-tune your graph with style and color choices.
• Create custom filters to view interactive subsets of your data.

Data ->

Create Graph ->

Edit ->

Filter ->

 

Share your work

-  Communicate your discoveries via email, PDF, iTunes, Dropbox or Copy/Paste.
-  Display your work using AirPlay or a dock adapter.
-  Use AirPrint to print your graphs on a compatible printer.

Another Type

Stacked Bar Graph

กราฟแท่งแบบวางซ้อนกัน เหมาะสมกับการแสดงผลที่ต้องการเห็นข้อมูลย่อยในแต่ละข้อมูลใหญ่ เราสามารถเห็นอัตราส่วนของข้อมูลย่อยนั้นได้ด้วย แต่เน้นไปที่ข้อมูลชิ้นใหญ่ จากตัวอย่าง A, B และ C นั้นมีส่วนประกอบของเหล็ก ถ่าน และอลูมิเนียมที่แตกต่างกัน แต่เราเน้นหนักไปที่ น้ำหนักของวัตถุแต่ละชนิด

Spark Line

คิดค้นโดย Edward Tufte นิยมใช้สำหรับ Dashboard เพื่อแสดงผลเปรียบเทียบระหว่างชุดข้อมูล

Tree Maps

         คือการแสดงผลแบบพื้นที่ ที่แสดงผลได้ในแบบลำดับชั้น หรือแบบโครงสร้างต้นไม้ เช่นการใช้งาน เนื้อที่ใน Hard disk ที่แบ่งเป็น Folder ย่อย และในแต่ละ Folder ก็จะมีลูกย่อยๆ ลงไปอีก เป็นต้น กราฟนี้สามารถแสดงความแตกต่างได้ด้วยขนาดและความต่างของสี รวมทั้งเฉดสี และความสว่าง อีกทั้งยังง่ายในการเจาะลงไปในส่วนย่อยๆด้วย

        สามารถดูตัวอย่างที่น่าสนใจได้จากโครงการNewsMap (http://newsmap.jp/)  ที่แสดงผลการรวบรวมข่าวจาก Google News โดยเราสามารถวิเคราะห์ดูได้ตามข้อมูลประเทศ ชนิดข่าว เวลา เป็นต้น

Gauges and meters

เกจและมิเตอร์ นิยมใช้แสดงค่าตัวเลขเดี่ยวๆ หรือใช้เปรียบเทียบกับข้อมูลอื่นที่สัมพันธ์กัน สามารถใช้สีเพื่อแสดงถึงช่วงของตัวเลขได้ด้วย (เช่น เขียว-เหลือง-แดง แปลเป็น ปกติ-เตือน-ระวัง) มักจะใช้ใน Dashboard

ปัญหาของเกจคือใช้พื้นที่เยอะ และถ้ามีเกจหลายตัวจะลำบากในการจัดเรียงในพื้นที่จำกัด

ปัญหาของมิเตอร์คือ การแทนค่าด้วยสีหรือลวดลาย ทุกคนไม่ได้รู้ความหมายของสีเหล่านั้น

ขอบคุณที่มากจาก  :  http://pkieindruck.exteen.com/20140416/entry

web-based tools & google charts

web-based tools & google charts

  ดารากับการทำศัลยกรรม

ขอบคุณข้อมูลจาก :  http://nidapoll.nida.ac.th/

จากข้อมูลดารากับการศัลยกรรม สามารถนำมาสร้างเป็น Data Visualization : การใช้รูปภาพช่วยอธิบาย เพื่อให้ทำความเข้าใจได้ง่ายขึ้น

ผลการทดลองใช้  Tool datawrapper  ->  https://datawrapper.de/ 

         เครื่องมือที่มีไว้เพื่อสร้าง Chart และ Maps อย่างง่ายดาย เพียงแค่ 4 step ซึ่งเป็นการประหยัดเวลาในการสร้าง Data visualization

ทดลองใช้ Google Charts

Another Tools

 Chartkick   

          Chartkick is a Ruby gem (also has a JavaScript API which doesn’t require Ruby) for creating good-looking charts very easily and quickly. 

ICharts

       The iCharts service provides a hosted solution for creating and presenting compelling charts for inclusion on your website. There are many different chart types available, and each is fully customisable to suit the subject matter and colour scheme of your site.

Raphaël

            This handy JavaScript library offers a wide range of data visualization options which are rendered using SVG. This makes for a flexible approach that can easily be integrated within your own web site/app code, and is limited only by your own imagination.

Visual.ly

        Visual.ly is a combined gallery and infographic generation tool. It offers a simple toolset for building stunning data representations, as well as a platform to share your creations. This goes beyond pure data visualisation, but if you want to create something that stands on its own, it's a fantastic resource and an info-junkie's dream come true!

Better World Flux

       Orientated towards making positive change to the world, Better World Flux has some lovely visualizations of some pretty depressing data. It would be very useful, for example, if you were writing an article about world poverty, child undernourishment or access to clean water. This tool doesn't allow you to upload your own data, but does offer a rich interactive output.

ZingChart

       ZingChart is a JavaScript charting library and feature-rich API set that lets you build interactive Flash or HTML5 charts. It offer over 100 chart types to fit your data.

ขอบคุณที่มา   :  http://www.creativebloq.com   ,   http://www.fastcodesign.com/

Graph & Chart

"Data Visualization " เป็นสิ่งหนึ่ง ที่ถูกนำมาใช้แสดงแทนคำพูด เป็นการใช้ภาพเพื่อแสดงข้อมูลในเชิงปริมาณที่วัดได้ ไม่ว่าจะเป็นตัวเลข แผนภูมิ กราฟ และอื่นๆอีกมากมาย
 คำว่า Data คือ ข้อมูล  ส่วน Visualization คือ การมองเห็น
เมื่อนำมารวมกันแล้วหมายถึง ข้อมูลที่มองเห็นได้ด้วยตานั่นเอง

ประโยชน์ของ Data Visualization
           คือทำให้ข้อมูลในเชิงปริมาณดูน่าสนใจ เข้าใจง่าย เห็นภาพรวมได้ชัดเจน ง่ายต่อการจดจำ     และนิยมนำมาใช้ประกอบในการรายงาน การวิเคราะห์ สรุปผล อย่างแแพร่หลาย

ปัจจุบันมีเครื่องมือในการสร้าง Data Visualization อยู่มากมาย ยกตัวอย่างเช่น

1. Spreadsheet 
             ใช้ในการคำนวณ วิเคราะห์ตัวเลข และนำเสนอตัวเลข สร้างกราฟ ในรูปแบบที่หลากหลาย    สนับสนุนสูตร หรือ ฟังก์ชั่น ต่างๆ มากมาย
ในการสร้าง Data Visualization  เริ่มต้นจากการสร้างข้อมูล เป็นตาราง (อธิบายการใช้เวลาในแต่ละสัปดาห์ของฉัน )

แล้วทำการนำข้อมูลที่สร้างขึ้นมาสร้างเป็นกราฟ ซึ่งมีหลากหลายรูปแบบให้เลือกสร้าง

Ex.  1. Column

         2. Bar

 

         3. Pie

2. Processing.js
               เป็น Tools สำหรับใช้สร้างงานกราฟิก ตั้งแต่ระดับเริ่มต้นง่ายๆ ไปจนถึงระดับสูง ซึ่งใช้ได้ทั้ง   งานแบบ 2D และ 3D

และยังมีอีกหลายหลายวิธีสร้าง Data Visualizationg ไม่ว่าจะเป็นในรูปแบบโปรแกรม  หรือ online

 

สร้างจาก  : http://www.onlinecharttool.com/graph

สร้างจาก : https://live.amcharts.com/