Posts Tagged ‘UI controls’

Semantic Bar Chart

Data Visualization

เรื่องที่จะพูดถึงในวันนี้คือกราฟแท่ง - แล้วทำไมต้องจั่วหัวว่า semantic? มันเป็นกราฟแบบใหม่หรือเปล่า?

คำตอบคือ Nope - ก็แค่กราฟแท่งธรรมดาๆนี่แหละครับ แต่วันนี้เราจะทำให้มันไม่ธรรมดาด้วยการใส่ “ความหมาย” เข้าไปในกราฟด้วย

การนำข้อมูลมาแสดงผลด้วยแผนผังต่างๆ อย่างกราฟแท่ง, กราฟเส้น, pie chart (ไม่รู้ภาษาไทยแปลว่าอะไร) นั้นสำคัญอย่างมากเลยทีเดียว - ลองนึกภาพข้อมูลเรียงกันเป็นตับๆ เป็นตาราง แน่นอนว่าหากเราพยายามทำความเข้าใจกับมันสัก 2-3 นาที (หรืออาจจะมากกว่า)ก็ย่อมเข้าใจได้ไม่ยาก - ทีนี้ถ้าตารางมันซับซ้อนขึ้น หรือมีความสัมพันธ์กับตารางอื่น เริ่มมีปัญหาแล้วล่ะ เผลอๆอาจถึงขั้นดูไม่รู้เรื่อง

การแสดงข้อมูลดิบไม่ friendly กับมนุษย์ จึงเป็นทีมาของการทำ data visualization…

Read more »

Sliding Font Resizer with mootools

Because Text resize controls are similar, I want something new!

Most site/blogs which has a lot of text content usually offer an ability to resize text on the page via control. This functionality is not seems to necessary for average-power users because they know how to change font-size in browser (I know you did right?)

If you don’t know what I’m talking about, see this figure

Text Size Control - from manager.co.th

I crafted a control called “Sliding Font Resizer” with mootools to experiment with new method of resizing font-size. Click the button below to see it in action!

You can see the full demo here. Feel free to give suggestion/comments that you have :-)

เจอกันใหม่กับของเล่นชิ้นหน้าครับ

Latest Comments

  • ju: มีอีกหนึ่ง คนที่รอผลส อบ …เห้ออ...
  • Tay: @Hana ก๊อปเค้ามา แปะนะฮะ มิได้ทำเอง ^-^
  • Tay: @ju จดไว้กันลื มอ่ะ ขนาดจดเองย ังอ่านไม่...
  • Hana: เป็นกำลังใ จให้นะ Hana
  • SY: เวลายืดหดไ ด้ แต schedule มีแต่หดเข้ า

About [T]issues

[T]issues is where I keep issues in various domain which I've been involved, ranging from musical, novel to programming technical issues.

This site is designed, coded and updated by me, Vashira Ravipanich.
More...