Rev. 2.73

지금까지 웹상에서 그래프를 그리는 솔루션으로 자바스크립트와 Canvas 태그를 이용해서 파이 그래프, 라인 그래프, 막대 그래프 등을 표현하게 하는 트릭(?)과는 완전히 다른 개념으로 도표를 생성하는 구글 차트(Chart) API입니다. 오직 URL에 파라메터 값만으로 완성된 그래프 이미지를 구글 서버로부터 호출하는 방식입니다. 와우! 정말 놀라운 발상입니다. 활용도면에서는 최고로군요!

URL format

<img src="http://chart.apis.google.com/chart?cht=p3&chd=s:hW&chs=300x150&chl=Fire|June" alt="" />

Required and optional parameters

Parameter Line chart Scatter plot Bar chart Venn diagram Pie chart
Chart title Yes Yes Yes Yes Yes
Chart legend Yes Yes Yes Yes
Colors Yes Yes Yes Yes Yes
Chart and background fill Yes Yes Yes Yes Yes
Multiple axis labels Yes Yes Yes
Grid lines Yes Yes
Shape markers Yes Yes
Horizontal range markers Yes Yes
Vertical range markers Yes Yes
Line styles Yes
Fill area Yes
Pie chart labels Yes

시간나면 UI를 입힌 실시간 차트 생성기(Chart Generator)를 만들어 봐야겠습니다.

Comments

yslow.gif

파이어버그(firebug)에 기생(?)하는 YSlow가 몇몇 새로운 기능과 버그를 수정하여 0.9버전으로 업데이트 되었습니다. 파이어버그의 Net 패널과 더욱 긴밀하게 통합되어 DOM이 아닌 요소까지 탐지하고 iframe까지도 크롤하여 리소스를 분석한다고 합니다. 자세한 내용은 아래와 같습니다.
그나저나, Rule 14 - Make Ajax Cacheable항목이 추가되었다고 하는데, 왜 안보일까요?

Version 0.9.2

  • Detect non-DOM requests (XHRs, image beacons, etc.) by extracting from Net Panel.
  • Crawl frames and iframes to find components.
  • Highlight 4xx response codes in Components View.
  • Display thumbnails when hover over image URLs
  • Implement search within YSlow Firebug panel.
  • Add "doc" and "xhr" to the list of components to check for gzip compressions.
  • Bug fix: Improve detection of CSS expressions (ignore rules that contain the word "expression").
  • Bug fix: Change status bar colors to work with dark Firefox themes.
  • Bug fix: Do not penalize for DNS lookups if the hostname is already an IP address.
  • Bug fix: Don't include components with data:, javascript:, and chrome: protocols.
  • Bug fix: Better detection of JS minification for "/* */" style comments.
  • Bug fix: Display all unique filenames when more than one script file is included multiple times.

Comments