멋진 차트 갤러리

이 페이지에서는 Charts API로 할 수 있는 작업을 보여줍니다.

 

	블루맨 손으로 그린 상세한 선 차트 (lxy) 작성자: Roberto Mensa
	투르 드 프랑스, 차트 작성자: 김영철     1987년, 페드로 델가도 1987년 투어에서 스티븐 로슈가 그린 인상적인 산악 무대를 그래픽으로 재현했습니다. 노란색 옷을 입은 페드로 델가도는 라 플라뉴 등반에서 라이벌을 이기고 상당한 우위를 점했습니다. 그런데 로체가 다시 경합을 벌이고 5초 후 델가도에서 결승선에 도착했습니다. 그는 모두를 놀라게 했습니다. 그는 쓰러지고 지쳤고 산소를 공급해야 했지만 충분히 마쳤습니다. 로체는 투어 우승에 나섰습니다. formidable                 2009년, 마크 캐빈디시 머큐리얼 맹크스맨인 Mark Cavendish가 2009년 투어에서 놀라운 6단계 우승을 차지했습니다. 이제 그는 샹젤리제 거리의 마지막 대결에서 영국인 최초로 엄청난 격차로 우승을 차지했습니다.
	팩맨 전설적인 팩맨을 닮은 원형 차트 작성자: Paolo Massa
	Mondrian 피에트 몬드리안의 유명한 그림인 '노란색, 파란색, 빨간색의 구성' (1937~42)을 선 차트로 재현한 선 차트입니다. 작성자: 드미트리 스크립틴
	분산형 차트 별표 지도 지구 상의 특정 위치에 대한 별도 차트를 표시하여 적도(x), 황도 (o), 극지방 (N), 천정 (z), 여러 행성 (h—토성, d—화성, D: 달)을 보여줍니다. 작성자: 마이크 더피
	여우 손으로 그린 이미지의 선 차트 (lxy) 트레이스입니다. EPH Phone Answering Services의 작성자
	펀치카드 차트 (분산형 차트) 산점도에서 점의 크기와 위치를 모두 사용하여 정보를 전달하는 좋은 예입니다. 이 차트 URL에서 참고할 사항은 다음과 같습니다. cht=s - 분산형 차트입니다. chd=0,1,2,3,...|0,0,0,0,...|0,1,3,0 - 이 차트의 데이터는 그리드 형식으로 매우 깔끔하게 배치되어 있습니다. 이 분산형 차트는 3개의 계열을 사용합니다. 마지막 계열은 점 크기를 지정하는 데 사용됩니다. chds=-1,24,-1,7,0,17 - chds 매개변수는 -1~24개 열과 -1~7개 행의 배율을 설정합니다. 이렇게 하면 시간과 요일에 해당하는 간단한 그리드를 사용하여 점을 지정할 수 있습니다. 여기서 0이 첫 번째 항목입니다. 배율은 -1로 시작하므로 점이 축 선 바로 위에 그려지지 않습니다 (차트 주위에 빈 행/열 추가). chm=o,333333,1,-1,25 - 모든 점에 사용되는 기본 마커 유형을 지정합니다. 가로 25포인트가 거의 검은색에 가까운 원을 기본 크기로 할당합니다. 25는 최대 데이터 값의 크기입니다. 세 번째 데이터 계열에서 이보다 작은 값은 더 작은 점이 됩니다. chxl=0:||12am|1|2|3|4|5|6|7|8|9|10|11|12pm|1|2|3|4|5|6|7|8|9|10|11||1:||Sun|Mon|Tue|Wed|Thr|Fri|Sat| - x축 및 y축의 라벨입니다. 두 축의 첫 번째 값은 비어 있으며('||'로 지정됨) 축 교차 부분에 빈 공간을 남겨둡니다. 작성자: github.com
	웹 트래픽 선 차트 (선 차트) 선 스타일, 겹치는 마커, 그리드 선, 채우기, 범위 마커를 보여주는 선 차트가 멋지게 완성되었습니다. 관심 있는 매개변수는 다음과 같습니다. cht=lc - 선 차트로, X축을 따라 포인트의 간격을 균등하게 유지합니다. chg=25,25,3,2 - 그리드 크기 및 패턴을 지정합니다. 여기서는 x축과 y축을 따라 각각 25단위의 선, 3픽셀의 파선과 2픽셀의 공간이 있으며, 점선으로 선을 그었습니다. chf=bg,s,1F1D1D|c,lg,0,363433,1.0,2E2B2A,0.0 - 두 개의 채우기: 하나는 차트 배경용이고 다른 하나는 차트 도표 영역을 위한 밝은색입니다. chm= - 선에서 흰색으로 채워진 다이아몬드 마커는 실제로 두 마커의 조합입니다. 먼저 선 색상 마커, 동일한 지점의 크기와 모양이 같은 약간 작은 흰색 마커가 흰색으로 채워진 다이아몬드 마커처럼 보입니다. 채우기 색상이 먼저 지정되므로 흰색 마커 밑에 자동으로 색상이 지정되므로 레이어링을 처리하기 위해 마커의 z 순서 값을 지정할 필요가 없습니다. r,FF00004C,0,0.40,0.60 - 차트 배경의 가로 방향 빨간색 밴드입니다. 시작 값과 끝 값이 0~100이 아닌 0.0~1.0 범위에 있다는 점에 유의하세요. 또한 그리드 선과 배경이 통과할 수 있도록 투명도를 지정합니다. R,0080004C,0,0.70,0.90 - 차트 배경의 세로 녹색 밴드 시작 값과 끝 값이 0~100이 아닌 0.0~1.0 범위에 있다는 점에 유의하세요. 또한 그리드 선과 배경이 표시되도록 투명도를 지정합니다. d,CA3D05,0,-1,12,0|d,FFFFFF,0,-1,8,0 - 파란색 선의 모든 점에 있는 빨간색 다이아몬드 마커 첫 번째 아이콘은 빨간색 다이아몬드이고 두 번째 아이콘은 약간 더 작고 흰색입니다. d,87CEEB,1,-1,12,0|d,FFFFFF,1,-1,8,0 - 파란색 선의 모든 점에 있는 파란색 다이아몬드 마커 첫 번째 아이콘은 파란색 마름모이고 두 번째 아이콘은 약간 더 작고 흰색입니다. chxt=y,y,x,x,x 및 chxl=0:||25|50|75|100|1:|Hits|2:|Nov|Dec|Jan|Feb|Mar|3:|2007|2007|2008|2008|2008|4:|Month - 축 라벨. 이 차트에는 Y축 2개와 x축 3개로 구성된 5개의 축 라벨 집합이 표시됩니다. 가장 안쪽의 y축 (색인 0)에는 '0' 마커 대신 빈 라벨이 포함되어 차트의 왼쪽 하단이 약간 좁아집니다. chxp=1,50.0| 4,50.0 - y축과 x축에 각각 '조회수'와 '월' 라벨의 배치를 지정합니다. chma=55,120,0,0 - 차트의 측면과 '조회수' 라벨 및 범례 텍스트 사이에 약간의 공간을 추가하기 위해 왼쪽 및 오른쪽 여백이 증가합니다. 작성자: charts4j.com
	방사형 차트 여러 학습 분야에서 다소 낮은 성적을 보여주는 마커가 있는 멋스러운 방사형 차트입니다. cht=r - 방사형 차트입니다. chxt=y,x - 숫자 배율을 동심원 (x축)과 각도 마커 (y축)로 표시합니다. chls=4 - 레이더 흔적 선 (너비 4픽셀의 선)의 선 스타일입니다. chd=t:80,49,48,78,59,80 - 데이터에는 하나의 중복 포인트가 포함됩니다. 첫 번째 포인트와 마지막 포인트는 동일한 값을 가지므로 도표가 잘 래핑될 수 있습니다. chxp=0,0,20,40,60,80,100 - x축에 표시할 그리드 선을 지정합니다. 이 매개변수가 없으면 그리드 선이 10단위마다 표시되므로 매우 복잡한 차트가 생성됩니다. chxl=1:|Maths|Arts|French|German|Music - 6개의 데이터 포인트에 5개의 라벨만 지정되었습니다. 차트는 라벨 또는 (데이터 포인트 - 1) 중 더 큰 값으로 분할됩니다. 이 차트에서는 값이 동일합니다. chm=s,CC3366,0,-1,12,0|s,FFFFFF,0,-1,8,0 - 채우기 정사각형 스타일 마커를 만듭니다. 먼저 빨간색 정사각형을 지정한 후 약간 더 작은 흰색 정사각형을 지정합니다. 흰색 정사각형은 두 번째로 지정되므로 두 번째로 그려지며, 스택 방식을 결정하기 위해 각 마커의 z 순서를 지정하지 않아도 됩니다. 작성자: charts4j.com
	재미있는 방사형 차트 화려한 방사형 차트 꽃잎에 대한 데이터와 가운데의 파란 눈에 대한 두 개의 데이터 계열로 구성됩니다. 작은 분홍색 원은 원 마커입니다. 눈과 꽃잎은 선 채우기를 사용하여 색상이 지정됩니다. URL에서 참고할 사항은 다음과 같습니다. cht=rs - 둥근 스플라인을 제공하는 r이 아닌 rs 유형의 방사형 차트입니다. chd=s: ... - 각각 202개의 데이터 포인트가 있는 두 개의 데이터 계열이 지정됨 첫 번째 시리즈는 꽃잎에 관한 것이고, 두 번째 시리즈는 가운데의 눈용입니다. 각 점의 간격은 약 360/202 = 1.8도입니다. chf=bg,s,504227 - 갈색 배경 채우기 chm= B,8FA3D6,0,0,0 - 꽃잎의 페리윙클 채우기입니다. o,FFC0CB,1,0,20,0 - 10개의 분홍색 원 마커 (여기에 모두 표시되지 않음)가 20개의 데이터 포인트 (약 36도 거리)로 떨어집니다. o,FFC0CB,1,20,20,0 o,FFC0CB,1,40,20,0 ... o,FFC0CB,1,200,20,0 B,3D5593,1,0,0 - 가운데 눈의 진한 파란색 채우기 작성자: charts4j.com
	리사주 곡선 (선 차트) 대부분의 사람들은 오실로스코프에서 리사주 곡선을 본 적이 있을 것입니다. 이 차트는 무차별 대입 접근 방식을 사용하여 곡선의 모든 점을 점별로 표시하는 lxy 선 차트입니다. 또한 확장 인코딩 형식을 사용하여 개별 포인트 800개의 x 및 y 좌표를 설명합니다. 작성자: charts4j.com
세로 막대 그래프 이 차트는 NBA의 통계를 기반으로 휴면일의 소유에 대한 영향을 파악합니다. 팀이 쉬는 날 경기를 할 때 NBA 리그 평균이 어떻게 달라지는지 보여줍니다. 작성자: NBAStuffer.com