내맘대로 차트, XChart

알림

블로그에 "사이트 폐쇄로 도표 삭제"라는 문구는 XChart가 사라졌기 때문에 추가한 문구다. 간단한 도표를 추가할 수 있는 꽤 괜찮은 사이트였는데 서비스를 중지했다. 블로그에 이 사이트를 이용해서 추가한 도표가 많기 때문에 상당히 많은 글을 수정했다.

목차

XChart

얼마 전부터 쇼핑몰 전문가인 mepay님이 인터넷을 통해 맛있는 삼겹살을 팔기 시작했다. 첫 판매는 매진은 아니었지만 그래도 본전치기를 했다고 한다. 그리고 어제 부터 2일간 다시 삼겹살 판매를 시작했다. 얼마 전 올린 두 개의 글을 보면 알 수 있지만 우리 나라 사람들은 삼겹살을 워낙 좋아하기 때문에 삼겹살의 수요는 많은 반면 다른 부위의 수요는 많지 않은 편이다.

지난 번 삼겹살을 판매하면서 가장 많이 올라왔던 불만 중 하나가 '삼겹살의 판매 상황을 알 수 없다'는 점이었다. DalKy님도 계속 그런 문제를 제기하셨지만 mepay님 입장에서는 손쓸 수 있는 다른 방법은 없었던 것 같다. mepay님은 QAOS.com의 회원이고 또 개인적인 친분이 있기 때문에 결국 이 문제를 해결할 수 있는 방법을 문의해 오셨다.

주문을 댓글로 달고 있기 때문에 실시간으로 판매량을 확인하는 것은 불가능하다. 그래서 mepay님이 사용한 방법이 일러스트레이터와 같은 프로그램을 이용해서 직접 그리는 방법을 사용했다. 엑셀을 사용해도 되지만 엑셀을 써보지 않은 사람이 쓰기는 만만치 않은 프로그램이다.

결국 실시간은 아니라고 해도 숫자만 입력하면 자동으로 그래프를 그려 주는 프로그램이 있는지 문의해 오셨다. 숫자를 입력해 주면 자동으로 그래프나 차트를 그려주는 프로그래은 정말 많다. DOS 시절부터 사용한 오리진과 같은 프로그램은 공학용 그래프를 정말 다양하게 그릴 수 있는 프로그램이고 엑셀도 비슷하게 사용할 수 있다.

그러나 중요한 것은 이들 프로그램 모두 숫자를 입력하고, 그래프를 그린 뒤 화면을 잡아 올려야 한다는 문제가 있다. 이런 방법으로 판매량을 표시하는 것은 가능할지 모르지만 블로그나 홈페이지에 차트나 그래프를 삽입하기에는 아무래도 불편하다. 그래서 내가 추전해준 사이트가 바로 XChart[1]이다.

외국에도 비슷한 사이트가 있지만 이 사이트를 추천한 이유는 국내 사이트이기 때문이다. 이 사이트는 사용자가 입력한 데이타를 다양한 차트로 표현해 준다. 아울러 이런 차트를 저장할 수 있다. 차트를 만든 뒤 플래시 기반으로 이루어진 차트를 블로그나 홈페이지에 삽입할 수 있다. 블로그에 삽입한 뒤 사용자가 데이타를 바꾸면 이런 변경 사항이 다른 조작없이 차트에 반영된다.

아직 쇼핑몰을 만들지 않고 블로그 판매를 통해 가능성을 타진해 보는 mepay님과 같은 분에게는 딱인 사이트이다. 아울러 가입도 국내 사이트라고 생각하기 힘들 정도로 간단하다. 주민등록 번호도 요구하지 않고 간단히 몇개의 정보만 입력하면 가입이 가능하다. 따라서 이번 글에서는 XChart를 이용해서 내 마음대로 블로그에 차트를 삽입하는 방법을 알아 보도록 하겠다.

차트 가입

가입하는 방법은 상당히 간단하다. 국내 사이트로는 드물게 요구하는 정보가 별로 없기 때문이다. 절차는 다음과 같다.

  1. XChart.net에 접속한 뒤 회원가입 링크를 클릭한다.
  2. 다음 정보를 입력한 뒤 가입 단추를 클릭한다.

    가입 정보

    항목 설명
    아이디 XChart에서 사용할 ID를 입력한다. ID는 영문 4자, 한글 2자 이상이 가능하다.
    이메일 전자우편 수신이 가능한 메일 주소를 입력한다. 인증용은 아니며 암호 복구등에 사용된다.
    암호 XChart에서 사용할 암호를 입력한다. 별다른 제한 사항은 없다.
    암호확인 암호와 같게 입력한다.

  3. 가입 정보를 입력하고 가입 단추를 누르면 가입이 완료된다. 가입이 완료되면 로그인 링크를 클릭해서 로그인한다.

차트 생성

차트를 만드는 것은 엑셀을 이용해서 만드는 것과 상당히 비슷하다. 다만 엑셀처럼 강력한 기능을 제공하는 것은 아니다. 그러나 간단한 차트 생성에는 충분히 활용할 수 있다.

  1. '차트 만들기'를 클릭하고 '제목'을 입력한다.
  2. 데이타 입력 방식을 결정한다. 기본값은 '엑셀 방식'이며, 직접 입력, 파일 업로드를 사용할 수 있다. XChart에서 입력할 때는 엑셀 방식이 편하며, 다른 곳에서 데이타를 가져올 때는 파일 업로드 방식을 선택하면 된다.
  3. 데이타를 입력한다. '가로', '세로' 항목을 입력한다. 세로 항목은 좌표에 표시되는 항목이며, 가로 항목은 차트에 용례로 표시된다.

  4. 태그와 설명, 공개 여부를 지정하고 차트를 선택한다.
  5. 차트 미리보기를 클릭해서 만들 차트가 적당한지 확인하고 '차트를 저장합니다'라는 단추를 클릭한다.

차트 삽입

'차트를 저장합니다'라는 단추를 클릭하면 저장된 차트와 블로그나 홈페이지에 삽입할 수 있는 링크가 나타난다. 아울러 차트의 '절대 주소', '차트 주소', '트랙백 주소'도 함께 제공하기 때문에 차트 자체를 다양한 형태로 접근할 수 있다. 어떤 방법을 사용해도 되지만 여기서는 블로그나 홈페이지에 차트를 삽입하는 방법을 알아 보도록 하겠다.

  1. '마이 페이지'를 클릭하고 이전에 생성한 차트를 클릭한다.

  2. 차트를 클릭하면 이전에 저장된 차트와 아래쪽에 차트를 퍼갈 수 있는 각종 링크가 표시된다. 여기서 적당한 링크를 복사한다. 블로그에 삽입하기 위해서는 '차트 임베드 소스'를 복사해야 한다.

    <object width="500" height="300"
        classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" 
        codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs
            /flash/swflash.cab#version=9,0,16,0">
        <param name="movie" value="http://www.xChart.net/C000004308" />
        <param name="quality" value="high" />
        <param name="wmode" value="transparent" />
        <embed src="http://www.xChart.net/C000004308" 
        width="500" height="300" wmode="transparent" 
        type="application/x-shockwave-flash" 
        pluginspage="http://www.macromedia.com/go/getflashplayer">
    </embed>
    </object>
    

  3. 복사한 소스를 블로그나 홈페이지에 붙여 넣는다. 결과는 다음과 같다.

    사이트 폐쇄로 도표 삭제

차트 수정

XChart의 편리한 점 중 하나는 '웹 상에서 차트 데이타를 수정하면 차트가 자동으로 바뀐다'는 점이다. 따라서 mepay님의 삼겹살 판매처럼 판매 데이타를 다른 프로그램을 사용하지 않고 갱신할 때 상당히 유용하게 사용할 수 있는 기능이다.

  1. '마이페이지'를 클릭하고 만든 차트 아래쪽의 '수정' 링크를 클릭한다. 삭제, 수정, 통계가 가능하며, 통계는 이 차트를 본 방문자에 대한 통계를 제공한다.

  2. 제목, 데이터, 태그, 설명, 공개 여부, 차트등을 바꾸고 차트를 수정합니다라는 단추를 클릭한다.

다음은 같은 방법을 이용해서 만든 mepay님의 삼겹살 판매 차트이다. mepay님이 삼겹살 판매량을 갱신할 때마다 다음 차트도 자동으로 갱신된다.

시골에서 "갓잡은 돼지 한마리" 2차 판매 합니다.

사이트 폐쇄로 도표 삭제

역시 삼겹살의 판매량이 많다. 이틀 동안 진행되기 때문에 두 마리를 판매하고 있지만 삼겹살은 벌써 매진에 임박했다.

관련 글타래


  1. 꽤 괜찮은 사이트였는데 몇년전 사이트를 닫았다. 이 덕에 블로그에 올린 차트를 모두 삭제했다. "사이트 폐쇄로 도표 삭제"라는 문구가 있으면 XChart 차트를 삭제한 것으로 보면 된다. 
글쓴이
author image
운영체제의 모든 것을 운영하고 있는 IT 블로거. IT 블로거라는 이름은 현재 시국때문에 시사 블로거로 바뀐 상태다. 그러나 나는 아직도 시사와 사회에 관심이 많은 IT 블로거일 뿐이다. 컴퓨터, 운영체제, 시사, 가족, 여행, 맛집, 리뷰등과 살면서 느끼는 소소한 일상이 블로그의 주제이다. 왼쪽의 아이콘은 둘째 딸 다예가 그린 내 모습이다.
2008/04/30 09:00 2008/04/30 09:00
오늘의 글
인기있는 글
조회수 많은 글 | 베오베
댓글 많은 글 | 베오베

Trackback

Trackback Address :: https://offree.net/trackback/1674

  1. Subject : [XCHART.NET] 차트를 플래시로 끝내주게 그려주는 사이트

    Tracked from CaN Tips 2008/04/30 21:40 del.

    내가 좋아는 차트 생성 프로그램은 GlobFX의 Swiff Chart(스위프 차트)이다. Excel(엑셀)에 잘 정리된 데이터를 생동감 있는 차트로 멋있게 그려준다. 플래시로 만들 수 있기 때문에 웹에서도 사용할 ?

Facebook

Comments

  1. 푸른하늘 2008/04/30 09:15

    잘 읽었습니다. 많이 도움될 것 같네요~~

    perm. |  mod/del. reply.
    • 도아 2008/04/30 09:28

      간단하게 차트를 만들 때에는 꽤 유용합니다.

  2. 댕글댕글파파 2008/04/30 09:25

    오...이거 상당히 유용한 정보 같습니다. 일단 제목과 본문 그냥 스크롤로 쓱 보고 댓글답니다. 오후에 다시 자세히 봐야겠네요 ㅎㅎ

    perm. |  mod/del. reply.
    • 도아 2008/04/30 09:28

      예. 간단히 활용하기에는 좋은 사이트입니다. 홈이나 블로그에 삽입하기도 편하고요.

  3. Alphonse 2008/04/30 10:00

    신기하네요. 이런 것이... 있다니;
    근데 구글 스프레드쉬트에서는 불가능할까요? 제가 엑셀류는 잘 다루지 못해서 확인이 불가능하지만;;; 구글에서 문서 공개로 하면 안될려나... 하는 생각을 잠시 해봤습니다. ^^;

    perm. |  mod/del. reply.
    • 도아 2008/04/30 13:30

      DOCS에서 어떤 형태로 제공하느냐에 따라 달라질 것 같습니다.

  4. 오스카 2008/04/30 10:17

    오리진... 추억의 s/w 네요~ 대학 때 실험 리포트 쓴다고 빡세게(?) 썼었는데;;;

    perm. |  mod/del. reply.
    • 도아 2008/04/30 13:31

      저도 논문쓰면서 자주 사용한 프로그램입니다.

  5. brainchaos 2008/04/30 10:48

    좋은 정보 감사합니다~!~~
    슈욱~~

    perm. |  mod/del. reply.
  6. zasfe 2008/04/30 11:05

    좋은정보 감사합니다.

    perm. |  mod/del. reply.
  7. 나비 2008/04/30 11:10

    지금 당장은 이용할 곳은 없지만 알아 두면 나중에 유용하게 쓰일 것 같아요~ ㅎㅎ

    perm. |  mod/del. reply.
    • 도아 2008/04/30 13:32

      예. 나중이라고 꼭 사용해 보시기 바랍니다.

  8. okto 2008/04/30 11:13

    정말 유용한 사이트네요. mepay님도 스티커, 드라이아이스, 그래프등 사소하지만 불편한 점을 바로바로 잡아서 보완하시는 모습이 프로답구요... 도아님은 뭐.. 이제는 두드리기만 하면 아이템을 마구 토해내는 화수분이나 다름없는것 같습니다ㅎ
    갈비살도 매진이네요. 어디선가 갈비살 맛이 끝내준다는 글을 읽은것 같은데 다음번에는
    갈비살을 사야겠군요.

    perm. |  mod/del. reply.
    • 도아 2008/04/30 13:32

      저도 봤습니다. 무척 맛있으셨다고 하더군요.

  9. goohwan 2008/04/30 11:22

    저두 매우 유용하게 쓸거 같은 예감에 넙죽 감사드립니다~~~

    perm. |  mod/del. reply.
    • 도아 2008/04/30 13:32

      예. 사용하시다 보면 용처가 나올 것 같습니다.

  10. 가슴 뭉클한 비링 2008/04/30 13:46

    도아님 블로그를 올때마다 팁을 얻고 가네요 ㅎㅎ

    perm. |  mod/del. reply.
    • 도아 2008/05/01 05:59

      다행입니다. 방문하시는 분께 읽을 거리가 없으면 어쩌나 하는 생각을 하곤 합니다.

  11. 2BwithU 2008/04/30 14:38

    저한테는 Xchart 정보보다는 돼지고기 판매 정보가 더 유익했습니다. 품절 되기 전에 구입을 서둘러야 겠습니다.

    perm. |  mod/del. reply.
    • 도아 2008/05/01 05:59

      예. 빨리 구입하시기 바랍니다. 이제는 거의 대부분이 품절인 것 같습니다.

  12. 활의노래 2008/04/30 15:30

    흠흠...... 한우고기도 팔 계획이 있으실런지 모르겠네요(............)

    Xchart 팁 잘 알고 갑니다.

    perm. |  mod/del. reply.
    • 도아 2008/05/01 06:00

      토종닭, 한우까지 고려하고 있으신 것으로 알고 있습니다. 그러나 한우는 덩치가 커서 쉽지 않을 것 같습니다.

    • bluenlive 2008/05/01 20:40

      아… 그럼 2mb의 삽질에도 불구하고 믿을 수 있는 한우의 구매처를 기대할 수도 있겠군요!

    • 도아 2008/05/02 06:46

      아마 그럴 것 같습니다. 다만 쇠고기는 덩치가 커서 토종닭부터 하지 않을까 싶습니다.

  13. 공상플러스 2008/04/30 15:33

    삼겹살이 안남아있으므로 낭패

    perm. |  mod/del. reply.
  14. Prime's 2008/04/30 22:26

    오옷.. 이거 좋군요!!!

    그런데 삼겹살을 놓쳐서 낭패라는 것이..;

    한마리 더 잡으실거면 미리 부모님을 설득해서 뒷다리 하나하고 1Kg정도 낚아올려야 겠네요.ㅋ

    perm. |  mod/del. reply.
    • 도아 2008/05/01 06:01

      이번 주에는 아마 없을 것 같습니다. 혹시 모르므로 비밀 댓글로 청해 보시기 바랍니다.

  15. 아크몬드 2008/05/01 20:07

    조쿤요!!

    perm. |  mod/del. reply.

(옵션: 없으면 생략)

글을 올릴 때 [b], [i], [url], [img]와 같은 BBCode를 사용할 수 있습니다.