구글 챠트 API

챠트를 그릴수 있는 플러그인

www.chartjs.org

Chart.js는 웹 페이지에 차트를 그릴 수 있는 오픈소스 자바스크립트 차트 라이브러리입니다. 공식 사이트에서 라이브러리 소개와 문서, 예제를 제공하며 커뮤니티가 유지·관리하는 프로젝트입니다. 8가지 차트 유형을 지원하고 차트마다 애니메이션과 세부 옵션을 조정할 수 있습니다. HTML5 Canvas로 렌더링해 최신 브라우저에서 동작하고, 창 크기가 바뀌면 차트를 다시 그리는 반응형 기능과 필요한 모듈만 불러와 번들 크기를 줄이는 방법도 안내합니다. 대시보드나 통계 화면에 데이터 시각화 차트를 넣으려는 웹 개발자에게 유용합니다.

구글QR코드제작

developers.google.com

URL주소로 간단하게 QR코드를 만들 수 있는 구글차트(https://developers.google.com/chart/infographics/docs/qr_codes) 를 소개합니다. QR코드는 바코드보다 더 많은 정보를 담을 수 있도록 만들어진 2차원 코드입니다. 바코드는 세로 방향으로만 정보를 담지만 QR코드는 가로 세로 양방향으로 데이터를 담아 훨씬 더 많은 정보를 담을 수 있습니다. 그런데 QR코드가 아무리 많은 데이터를 담을 수 있다 해도 QR코드를 만들 수 없다면 이는 아무 소용이 없습니다. 그러기에 데이터를 담아 QR코드를 제작할 수 있어야 합니다. 그럼 과연 QR코드는 어떻게 만드는 걸까요? 다양한 방법이 있을 수 있지만 여기에서는 구글이 제공하는 QR코드 제작 방법에 대해 알아보도록 하겠습니다. 제작방법은 https://developers.google.com/chart/infographics/docs/qr_codes 사이트에 접속해보시면 자세하게 매뉴얼에 나와있습니다. 사용방법을 요약하면 https://chart.googleapis.com/chart? 주소 뒤에 파라미터로 값을 넘겨주어 QR코드를 제작하면 됩니다. 예를 들어 QR코드 크기가 가로150px 세로150px에 데이터는 http://moayo.net 를 넣고 싶다면 https://chart.googleapis.com/chart?cht=qr&chs=150x150&chl=http://moayo.net 이렇게 주소를 만들면 됩니다. 해석해보면 보면 "chs=150x150" 이 부분은 이미지 사이즈를 "chl=http://moayo.net" 부분은 QR코드의 담긴 데이터를 뜻합니다. 이제 담은 데이터를 읽는 방법입니다. QR코드에 담긴 데이터를 확인하는 방법은 QR코드 스캐너를 통해 확인 할 수 있습니다. 스마트폰에 QR코드 스캐너 앱을 다운받아 사진을 찍으면 데이터를 확인할 수 있습니다. 참고적으로 요즘 스마트폰은 카메라 기본앱에 QR코드 스캐너가 포함되어 있습니다. 너무나 익숙하게 사용하고 있는 QR코드지만 어떻게 만드는지 모르셨다면 구글QR코드 제작을 통해 한번 만들어 보시는 건 어떨까요?

게시글

04 씨스톡 구글 API를 활용한 지수차트 그리기

1) 반도체 지수 데이터 입력 -SOX 필라델피아 반도체 지수(코드:^SOX) 2) 차트 API 선택 (Chart.js , 구글차트) -https://www.chartjs.org -https://developers.google.com/chart/interactive/docs/gallery?hl=ko 3) 구글 차트 적용하기 -http://cstock.co.kr/program.php?p_code=stockindex&p=read_sox

게시글

네이버에서 환율시세 크롤링해서 활용하기(3)

환율 정보를 크롤링한 내용을 가지고 구글 챠트를 활용해 그래프를 그리는 소스입니다 구글챠트 https://developers.google.com/chart 달러리치 블로그 https://m.blog.naver.com/boot/222430430028 추후에 더 정리해 유용한 보조지표로 사용할 계획입니다​ ​

챗GTP

chat.openai.com

ChatGPT는 OpenAI가 만든 대화형 AI 어시스턴트입니다. 예전 주소인 chat.openai.com으로 접속하면 현재 서비스 주소인 chatgpt.com으로 이동하며, 질문에 답하고 학습과 창작, 일상 업무를 돕습니다. 대화로 글을 쓰거나 요약할 수 있고, 업로드한 이미지·차트와 PDF 같은 파일을 분석하며, 텍스트 설명으로 이미지를 만들고, 웹 검색으로 최신 정보를 찾아 출처와 함께 답합니다. 코드 실행과 웹사이트 탐색 같은 작업을 수행하는 에이전트 기능도 있습니다. 글쓰기, 자료 조사, 공부, 코딩 등에 AI 도움을 받고 싶은 사람에게 유용합니다.

Google Slides: 프레젠테이션 슬라이드쇼 제작 도구 | Google Workspa

workspace.google.com

Google Slides(구글 프레젠테이션)는 설치 없이 웹 브라우저에서 발표 슬라이드를 만들고 편집하는 Google Workspace의 온라인 프레젠테이션 도구이며, 이 페이지는 그 한국어 제품 소개 페이지다. Google 계정만 있으면 기본 기능을 무료로 쓸 수 있다. 템플릿과 애니메이션으로 슬라이드를 꾸밀 수 있고, 여러 사람이 실시간으로 함께 편집하고 댓글을 달 수 있다. PowerPoint 파일을 사본 없이 바로 열어 편집할 수 있으며, Google Meet 발표, 슬라이드 녹화, 모바일 앱·오프라인 편집, Gemini를 활용한 슬라이드 생성도 지원한다. PPT 프로그램 없이 급하게 발표 자료를 만들거나 팀과 함께 작성해야 하는 사람에게 유용하다.

구글어스

earth.google.com

내 손안에 지구본 구글어스(https://earth.google.com/web/)를 소개합니다. 구글어스는 구글에서 제공하는 지구본 모양의 실사 지도 입니다. 지구본 모양의 지도는 확대 축소 회전이 가능하여 마치 손에 지구본을 올려 놓은듯한 착각을 일으키게 만듭니다. 구글어스는 구글에서 제공하는 서비스이다 보니 구글맵과 스트리트뷰와 같은 다른 서비스와 연동되어 더 많은 정보를 얻을수 있습니다. 구글어스 기능 중에 2D, 3D 기능이 있습니다. 이 기능은 2D평면으로 지도를 볼 것인지, 3D로 입체감 있게 볼 것인지 결정해주는 기능입니다. 우리가 살고 있는 공간은 3D이다 보니 3D기능으로 지도를 확인해보면 직관적으로 지도를 이해 할수 있게 해줍니다. 사실 우리나라 같은 경우는 3D로 보면 사진을 바닥에 붙여놓은 것 같은 아쉬움이 있지만 유럽명소와 같이 유명한 지역인 경우 구조물을 3D 모델링 작업화 해서 입체적으로 해당 지역을 확인할수 있습니다. 구글어스는 구글에서 개발한 크롬브라우저(https://earth.google.com/web/)를 통해 설치 없이 바로 사용 가능합니다. 그러나 IE브라우저 같은 경우는 아직 사용할 수가 없으며 사용을 원하면 구글어스는 프로그램을 다운(https://www.google.co.kr/intl/ko/earth/download/gep/agree.html)받아 별도로 설치해서 사용해야 합니다. 사용방법은 설명이 필요 없을 정도로 너무 잘 만들어 놓았습니다. 마우스로 확대도 해보고 축소해 가다 보면 “아 이렇게 사용하는구나”라는 것을 본능적으로 알수 있을 것입니다. 내 손에 지구본을 올려놓고 이리저리 돌려가며 확인해보고 싶으시다면 구글어스를 활용해보시기 바랍니다. 아마 이곳 저곳 돌려 가다 보면 지구가 참 작구나 라는 생각과 함께 마치 내가 신이 된 것 같은 착각에 빠지기도 할 것입니다.

TradingView은 주식, 암호화폐, 외환, 선물...

www.tradingview.com

TradingView은 주식, 암호화폐, 외환, 선물 등 다양한 금융 자산의 실시간 차트와 데이터를 제공하는 금융 플랫폼입니다. 주요 특징: 실시간 차트 및 분석 도구: 사용자 친화적인 차트 인터페이스와 다양한 기술 분석 도구를 제공합니다. 소셜 커뮤니티: 트레이더들이 아이디어와 전략을 공유할 수 있는 공간. 알림 및 자동화: 가격 알림 설정 및 간단한 전략 자동화 기능. 멀티 플랫폼 지원: 웹, 모바일, 데스크탑 모두에서 사용 가능. 투자 아이디어를 찾거나 거래 전략을 세우는 데 유용한 사이트입니다.