Information has certain power. Howe

Information has certain power. However, that same information can, e.g. in media context, be both uninteresting and unimaginative. By means of information visualization and the creation of infographic it can be turned into a more interesting and clear graphical representation of content that will draw reader’s attention
more than a text paragraph on the web page. Infographic is a simplified and easily understandable visual representation of complex information, data and knowledge by which the process of content understanding in a viewer is accelerated and facilitated (Eastman, 1980, Owen, 1992, Steele & Iliinski, 2010).
Visualization of certain content alone can increase its interest and degree of understanding. However, that infographic can be made interactive so users are able to communicate, choose and explore its certain concepts, and then it becomes powerful and effective tool in conveying information and knowledge (Sorapure, 2010, Moreno & de Oliveira, 2009).
The use of infographics is very common on the web, and SVG technology is ideal for creating interactive infographics. SVG (Scalable Vector Graphic) is an open standard, based on XML (eXtensible Markup Language) technology that describes two-dimensional vector graphic. It is possible to animate infographics and make them interactive through SMIL technology that is built into the SVG standard. With ECMAScript (standardized version of JavaScript) even a more flexible way of managing content can be achieved (Duce, Herman & Hopgood, 2002, Moreno & de Oliveira, 2009, Dahlström, Ferraiolo & Grasso, 2011).
The content of SVG infographics can be dynamically generated by storing data in the XML document and then transforming it through XSLT (eXtensible Stylesheet Language for Transformations) template into a SVG graphic. This is how the separation of content and its presentation is achieved, which means that they can be edited separately, and this has numerous advantages. SVG standard supports CSS (Cascading StyleSheet) specification, that by defining styles, provides additional separation of structure and presentation of XML or SVG content (Harold & Means, 2002, ***, 2011a).
2. Theoretical Part
A SVG was developed by W3C consortium and it is compatible with other W3C standards like DOM, CSS, XML, XSLT, SMIL, HTML and XHTML. A SVG file is in fact an XML document and that means that every SVG document begins with an XML declaration (Dahlström, Ferraiolo & Grasso, 2011):

ผลลัพธ์ (ไทย) 1:

ข้อมูลมีพลังงานบางอย่าง อย่างไรก็ตาม ว่า ข้อมูลเดียวกัน เช่นในบริบทสื่อ ได้ทั้งไม่น่าทึ่ง และโง่ โดยการแสดงข้อมูลและการสร้างกราฟิกข้อมูล จะสามารถเปลี่ยนเป็นการแสดงผลกราฟิกที่ชัดเจน และน่าสนใจของเนื้อหาที่จะดึงความสนใจของผู้อ่าน มากกว่าย่อหน้าข้อความบนเว็บเพจ อินโฟกราฟิกส์คือ ง่าย และเข้าใจได้ง่ายภาพแสดงความซับซ้อนของข้อมูล ข้อมูล และความรู้ซึ่งกระบวนการความเข้าใจเนื้อหาในแบบเร่งรัด และอำนวยความสะดวก (อีสต์แมน 1980 โอเว่น 1992 ขา & Iliinski, 2010)ภาพแสดงเนื้อหาบางอย่างเดียวสามารถเพิ่มความสนใจและระดับความเข้าใจ อย่างไรก็ตาม infographic ที่สามารถได้โต้ตอบเพื่อให้ผู้ใช้สามารถที่จะสื่อสาร เลือก และสำรวจแนวคิดบางอย่าง และจากนั้น มันกลายเป็นเครื่องมือที่มีประสิทธิภาพ และมีประสิทธิภาพในการถ่ายทอดข้อมูลและความรู้ (Sorapure, 2010 โมเรโน่และ de Oliveira, 2009)การใช้งานอินโฟกราฟิกส์เป็นพบมากบนเว็บ และเทคโนโลยี SVG เป็นเหมาะสำหรับการสร้างอินโฟกราฟิกส์แบบโต้ตอบ SVG (กราฟิกเวกเตอร์ Scalable) เป็นมาตรฐานเปิด เทคโนโลยี XML (eXtensible Markup Language) ซึ่งอธิบายกราฟิกเวกเตอร์สองมิติ อินโฟกราฟิกส์ภาพเคลื่อนไหว และทำให้พวกเขาโต้ตอบผ่านเวิลด์เทคโนโลยีที่มีอยู่ในมาตรฐานของ SVG ได้ มี ECMAScript (รุ่นมาตรฐาน JavaScript) แม้แต่วิธียืดหยุ่นมากขึ้นของการจัดการเนื้อหาสามารถทำได้ (Duce, Herman Hopgood, 2002 โมเรโน่ & de Oliveira, 2009, Dahlström, Ferraiolo & Grasso, 2011) ได้ เนื้อหาของ SVG infographics สามารถสร้างขึ้นแบบไดนามิก โดยเก็บข้อมูลในเอกสาร XML และจากนั้น มันเปลี่ยนผ่านเท็มเพลต XSLT (eXtensible สไตล์ชีภาษาแปลง) กราฟิก SVG นี้เป็นวิธีการแยกของเนื้อหาและการนำเสนอคือความสำเร็จ ซึ่งหมาย ความ ว่า จะสามารถแก้ไขแยกต่างหาก นี้มีประโยชน์มากมาย สนับสนุนมาตรฐาน SVG กำหนด CSS (Cascading สไตล์ชี) ให้ โดยการกำหนดลักษณะ การแบ่งแยกโครงสร้างเพิ่มเติมและการนำเสนอเนื้อหา XML หรือ SVG (แฮโรลด์และหมายถึง 2002, ***, 2011a) 2. ส่วนทฤษฎีพัฒนา โดย W3C consortium เป็น SVG และเข้ากันได้กับมาตรฐาน W3C อื่น ๆ เช่น DOM, CSS, XML, XSLT ยิ้ม HTML และ XHTML ไฟล์ SVG เป็นเอกสาร XML ในความเป็นจริง และนั่นหมายความ ว่า เอกสารทุกฉบับ SVG เริ่มต้น ด้วยการประกาศ XML (Dahlström, Ferraiolo และ Grasso, 2011):

ผลลัพธ์ (ไทย) 2:

ข้อมูลมีอำนาจบางอย่าง อย่างไรก็ตามข้อมูลเดียวกันที่สามารถเช่นในบริบทสื่อได้ทั้งจืดและโง่ โดยวิธีการของการสร้างภาพข้อมูลและการสร้าง Infographic มันสามารถกลายเป็นการแสดงกราฟิกน่าสนใจมากขึ้นและชัดเจนของเนื้อหาที่จะดึงดูดความสนใจของผู้อ่าน
มากกว่าวรรคข้อความบนหน้าเว็บ Infographic เป็นตัวแทนภาพที่เรียบง่ายและเข้าใจได้ง่ายของข้อมูลที่ซับซ้อนข้อมูลและความรู้โดยที่กระบวนการของความเข้าใจเนื้อหาในมุมมองที่จะเร่งและการอำนวยความสะดวก (อีสต์แมน 1980, โอเว่นปี 1992 สตีลและ Iliinski 2010).
การแสดงของเนื้อหาบางอย่าง คนเดียวที่สามารถเพิ่มความน่าสนใจและระดับของความเข้าใจ อย่างไรก็ตาม Infographic ที่สามารถทำแบบโต้ตอบเพื่อให้ผู้ใช้สามารถที่จะสื่อสารให้เลือกและสำรวจแนวความคิดบางอย่างของมันแล้วมันจะกลายเป็นเครื่องมือที่มีประสิทธิภาพและมีประสิทธิภาพในการถ่ายทอดข้อมูลและความรู้ (Sorapure 2010 Moreno & de Oliveira 2009).
การใช้ ของ infographics เป็นเรื่องธรรมดามากบนเว็บและเทคโนโลยี SVG เหมาะสำหรับการสร้าง infographics โต้ตอบ SVG (Scalable กราฟิกแบบเวกเตอร์) เป็นมาตรฐานเปิดบนพื้นฐานของ XML (Extensible Markup Language) เทคโนโลยีที่อธิบายเวกเตอร์กราฟิกสองมิติ มันเป็นไปได้ในการเคลื่อนไหว infographics และทำให้พวกเขาโต้ตอบผ่านเทคโนโลยี SMIL ที่สร้างไว้ในมาตรฐาน SVG ด้วย ECMAScript (รุ่นมาตรฐานของจาวาสคริปต์) แม้จะเป็นวิธีที่มีความยืดหยุ่นมากขึ้นในการจัดการเนื้อหาที่สามารถประสบความสำเร็จ (Duce เฮอร์แมน & Hopgood 2002 Moreno & de Oliveira 2009 Dahlstrom, Ferraiolo และกราสโซ 2011).
เนื้อหาของ SVG infographics สามารถ ถูกสร้างขึ้นแบบไดนามิกโดยจัดเก็บข้อมูลในเอกสาร XML แล้วเปลี่ยนมันผ่าน XSLT (extensible สไตล์ภาษาสำหรับแปลง) แม่แบบเป็นกราฟิก SVG นี่คือวิธีการแยกของเนื้อหาและการนำเสนอที่จะประสบความสำเร็จซึ่งหมายความว่าพวกเขาสามารถแก้ไขได้แยกกันและมีประโยชน์มากมาย มาตรฐาน SVG สนับสนุน CSS (Cascading StyleSheet) ข้อกำหนดว่าด้วยการกำหนดรูปแบบให้แยกเพิ่มเติมของโครงสร้างและการนำเสนอของ XML หรือเนื้อหา SVG (แฮโรลด์และหมายถึงปี 2002 ***, 2011a).
2 ทฤษฎีส่วน
SVG รับการพัฒนาโดย W3C สมาคมและมันเข้ากันได้กับมาตรฐาน W3C อื่น ๆ เช่น DOM, CSS, XML, XSLT, SMIL, HTML และ XHTML ไฟล์ SVG ในความเป็นจริงเอกสาร XML และนั่นหมายความว่าทุกเอกสาร SVG เริ่มต้นด้วยการประกาศ XML (Dahlstrom, Ferraiolo และกราสโซ 2011):