Codes2007.12.17 05:20
구글에서 차트 API가 나왔습니다. 언제 나왔는지는 잘 모르겠지만 -_-;
새벽에 심심해서 open api들을 뒤지다가 이게 있다는걸 알게 됐습니다;;

근대 이 구글 차트 API 정말 물건이군요;; 아주 깔끔하게 차트를 그려 줍니다.


이게 Chart API로 방금 그린 Hello World chart 입니다. 정말 깔끔하지 않나요 -.,-;;

이 Chart를 그리는 방식은 다음과 같습니다.

http://chart.apis.google.com/chart?<parameter 1>&<parameter 2>&<parameter n>

즉 GET 방식으로 파라메터들을 묶어서 날리면 알맞은 이미지가 날아오는 것입니다.

위의 헬로우 월드를 그린 URL은 다음과 같습니다.

http://chart.apis.google.com/chart?cht=p3&chd=s:hW&chs=250x100&chl=Hello|World
여기서 각 파트를 나눠서 설명 해보면 다음과 같습니다.
  • http://char.apis.google.com/chart? 는 구글 chart api의 주소이고.
  • &로 각 파라메터를 나눕니다.
  • chs=250x100은 chart의 크기를 픽셀단위로 나타냅니다. width x height  입니다.
  • chd=s:hW 는 차트의 데이터 입니다. 따로 설명 하겠지만 google chart api에서 데이터를 나타내는 방식에는 Simple, Text, Extended 3가지가 있습니다. 그 중 Simple 방식으로 쓴 데이터 입니다.
  • cht=p3 는 차트를 그리는 방식으로 여기서는 삼차원 파이 차트 입니다.
  • chl=Hello|World 는 차트의 데이터에 각 각 라벨을 입히는 구문 입니다. 테스트 해본 결과 아직 한글을 라벨링 할 수는 없어 보이더군요 -.,-.
이렇게 만들어진 URL을 <img> 태그의 src 속성에 그냥 넣어주면 깔끔하게 차트 이미지가 표시 됩니다 -.,-

위에서 나온 것처럼 차트에 데이터를 넣는 방식에는 Simple encoding, Text encoding, Extended encoding 의 3가지 방식이 있습니다.
각각의 방식은 chd=s: 에서 굵게 표시된 s의 자리에 각 s,t,e 의 문자로 표시 됩니다.

Simple encoding 은 알파벳과 숫자를 순서 대로 쓰는 것으로
A(0), B(1), C(2) ... Z(25), a(26), b(27), c(28) ... z(51), 0(52), 1(53), 2(54) ... 9(61)
이렇게 대문자 A부터 숫자 9까지 61단계로 데이터를 표시 할 수 있으며, 각 데이터는 콤마(,)로 나누어 집니다. 또한 빈 데이터는 언더바(_) 로 나타냅니다.

Text encoding은 0.0부터 100.0 까지 소숫점이 있는 숫자 1000단계로 데이터를 나타낼 수 있으며, 각 데이터는 콤마(,)로 나눠지며 데이터의 묶음이 한묶음 이상일 경우 파이프(|)로 나눠지고 빈 데이터는 음수 1(-1) 로 표시 됩니다.
chd=t:10.0,-1,95.0|30.0,8.0,63.0
예를 들어 위처럼  표시 됩니다.
 
Extended encoding은 Simple encoding의 한자리를 두자리로 확장 한것입니다.
A(0), B(1), ... Z(25), a(26), b(27), ... z(51), 0(52), 1(53), 2(54) ... 9(61), -(62), .(63)
한 자리에는 Simple encoding 의 문자에 하이픈(-)과 포인트(.)를 추가 하여 2단계 더 많은 64단계를 한 자리에 쓰게 됩니다. 여기에 2자리 이므로
64 * 64 로 4096 단계 까지 한 데이터에 쓸 수 있습니다. 각 데이터는 Simple과 마찬가지로 콤마(,)로 나뉘며, 언더바 두개(__)로 빈 값을 나타냅니다.
AA = 0, AZ = 25, Aa = 26, Az = 51, A0 = 52, A9 = 61, A- = 62, A. = 63
BA = 64, BZ = 89, Ba = 90, Bz = 115, B0 = 116, B9 = 125, B- = 126, B. = 127
.A = 4032, .Z = 4057, .a = 4058, .z = 4083, .0 = 4084, .9 = 4093, .- = 4094, .. = 4095.
위처럼 쓰게 됩니다.

차트의 데이터는 URL에 GET 방식으로 들어가므로 URL의 최대길이 안으로 써야 한다는 제약이 걸립니다. IE의 경우 대략 2000개 정도문자가 URL에 들어가며, 아파치에서는 4000문자 이상이 URL로 리퀘스트 되면 413 Entity Too Large 에러가 걸립니다. 그러므로 대강 2000 케릭터 안팍으로 데이터를 축약해서 그리는 센스가 필요합니다.

Google Chart는 Line, Bar, Pie chart와 Venn diagram, Scatter plot을 chat 종류로 제공 하며 각 종류 별로 넣을 수 있는 옵션이 따로 제공 됩니다. 마찬가지로 모든 옵션은 URL 안에 파라메터로 넣을 수 있습니다.

각 차트는 색과 라벨 스타일을 줄 수 있으며 차트 타입과 색깔, 라벨, 스타일에 따라 다음과 같이 여러가지 모양의 차트를 그릴 수 있습니다.

상세한 옵션은 너무 많으므로 직접 가서 보시면 되겠습니다~ ..상세옵션 보기

  Line chart with unevenly spaced data points and lines in red, green and dashed blue
Horizontal bar chart with two data sets: one data set is colored in red the second is stacked in greenVertical bar chart with two data sets: one data set is colored in red the second is adjacent in green

Two-dimensional pie chart with six segments where segment colors are interpolated from dark to pale orangeThree-dimensional pie chart with six segments where segment colors are interpolated from dark to pale orange
Venn diagram with three overlapping circlesScatter plot with default blue circle data points in different sizes as defined by a third data set

Line chart with one red, one blue, and one green lineHorizontal bar chart with one data set in red, the second stacked in green, and the third in blue
Red line chart with pale gray background and chart area in a white to blue vertical linear gradient from bottom to top Blue line chart with alternating gray and white stripes from left to right
Venn diagram with two smaller circles enclosed by a larger circleLine chart with min, average, and max on the left, 0, 1, 2, 3, and 4 on the right, 0 to 100 along the x-axis and Jan, Feb, and March in blue below
Line chart with one solid line and one dashed lineLine chart with 20 pixel red cross, 20 pixel green diamond, 9 pixel purple arrow, 20 pixel orange circle, 10 pixel blue square, 1 pixel pale gray vertical line, 1 pixel blue line and a 20 pixel yellow cross all drawn on the data points of a single line. A thin black horizontal line intersects the vertical line v at point 7
Scatter plot with 10 pixel red square markersThree lines on a chart; chart is shaded in green from bottom to first line, red from first to second line, dark blue from second to third line and pale blue from third line to top of the chart
신고
Posted by 양고기

댓글을 달아 주세요

Inspiration2007.11.29 16:33
사용자 삽입 이미지

구글의 새로운 서비스인 My Location은 모바일 구글맵을 이용한 서비스로, 사용자의 Mobile 기기에 GPS가 없더라도 현재 위치를 구글맵에 표시 할 수 있는 서비스 입니다.

이 서비스는 문자나, 전화, 인터넷 등을 쓸 때 거치는 중계기의 위치를 이용해 모바일 기기의 위치를 추측하는 서비스 인것 같습니다.

자세한 사항은 아래 동영상을 보세요.


신고
Posted by 양고기

댓글을 달아 주세요

분류없음2007.11.13 06:48
사용자 삽입 이미지

구글에서 만드는 android라는 phone OS의 SDK가 발표 됐습니다.

현재 다음과 같은 것들을 지원 합니다. 만든다고 한지 얼마나 됐다고 대단하군요 구글 -_-;;

  • Application framework 재사용, 교환 가능한 컴퍼넌트 
  • Dalvik virtual machine 모바일 기기에 최적화됨
  • Integrated browser WebKit engine을 쓰는 내장 브라우져 탑제 
  • Optimized graphics 자체 2D 그래픽 라이브러리와; OpenGL ES 1.0 스펙을 따르는 3D 그래픽 라이브러리(하드웨어 가속은 옵션)
  • SQLite 내장 데이터베이스
  • Media support 대중적인 동영상, 이미지 포맷 지원 (MPEG4, H.264, MP3, AAC, AMR, JPG, PNG, GIF)
  • GSM Telephony (하드웨어에 따라서..)
  • Bluetooth, EDGE, 3G, and WiFi (하드웨어에 따라서...)
  • Camera, GPS, compass, and accelerometer (하드웨어에 따라서...)
  • Rich development environment 자체 에뮬레이터에서 디버깅툴 제공, 메모리와 성능 설정 가능, 그리고 Eclipse IDE의 플러그인을 제공

현재 http://code.google.com/android/ 에서 안드로이드의 자료를 얻을 수 있으며,
Android Developer Challenge 라는 무려 천만 달러가 걸린 어플리케이션 대회가 열렸습니다.
http://code.google.com/android/adc.html 이곳에 대회의 자료가 있습니다.

천만 달러라니 -_- ( 10million $인대 맞나?;;) 이거 정말 엄청 나군요;; 역시 돈잘버는 구글;;

이 OS에 엄청나게 투자하기로 작정 했나 봅니다 -_-;

more..

신고
Posted by 양고기

댓글을 달아 주세요

  1. 흠냘.. 그냥 쓰긴... 왜 불편해 보이는지.. @_@;;

    2007.11.13 17:44 신고 [ ADDR : EDIT/ DEL : REPLY ]

분류없음2007.05.02 19:50
구글 개인화 홈이 테마를 선택할 수 있게 바뀌었습니다.
근대 이 테마들이 멋진것이 시간에 따라 변하는 테마들이 있네요~
정말 멋있습니다~

아래는 제 개인화홈~

사용자 삽입 이미지

신고
Posted by 양고기

댓글을 달아 주세요

  1. 이쁘지는 않네요 솔직히...
    그냥 아메리칸 틱 하다고나 할까...
    트랙백 하나 쏘고 갑니다.

    2007.05.02 21:06 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 흐흐 양키센스가 보이긴 하는대 조만간 자기가 테마 만들어서 올릴수 있을꺼라고 전망 합니다~

      2007.05.02 21:45 신고 [ ADDR : EDIT/ DEL ]
  2. 이야~ 디자인 정말 마음에 드는데요.

    2007.05.02 23:38 신고 [ ADDR : EDIT/ DEL : REPLY ]
  3. 강지선

    시간이 남아도는 지금 뒤늦게야.... 테마 입혀보고 캐감동에 쓰러져서 소리지르는 중이야... OTL 데스크탑 가젯도 지금 설치해보고야 캐감동에 쓰러져서 발광중 ;ㅂ;
    젠장. 너무 멋지다.
    테마 밤하고 낮하고 막 색깔 바뀌고 난리났음. 이쁜 테마 짱 만타.

    2008.03.18 10:23 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • ㅋㅋ 옛날에 한번 써보라고 말해주지 않았었나?
      오랜만이네 지선이~ 언제 한번 멤한번 놀러와~
      아니면 내가 과제하러 수원가면 전화할까? ㅋㅋ

      2008.03.18 13:27 신고 [ ADDR : EDIT/ DEL ]
  4. 사라가 짝사랑한 그.. 카알~

    2011.11.11 21:01 신고 [ ADDR : EDIT/ DEL : REPLY ]


티스토리 툴바