본문 바로가기

분류 전체보기

Vega를 사용해 차트를 만드는 5가지 방법 (HTML 제외) HTML 외에도 Vega를 사용하여 그래프를 그리는 방법은 여러 가지가 있습니다. Vega는 다양한 환경에서 사용할 수 있는 도구와 라이브러리를 제공합니다. 아래는 Vega를 활용할 수 있는 다른 방법들입니다.방법주요 사용 환경장점Vega CLI명령줄빠르게 그래프 파일 생성. 서버 사이드 작업에 적합.Python (Altair/Vega)데이터 분석Python의 데이터 분석 도구와 통합 용이.Node.js서버 환경동적으로 그래프 생성 및 파일 출력 가능.Jupyter Notebook데이터 실험데이터 분석 및 시각화를 실시간으로 확인 가능.Vega Editor브라우저실시간 수정 및 시각화 확인. 개발 초기 실험에 적합.  1. Vega CLI (명령줄 인터페이스)Vega CLI를 사용하면 그래프를 직접 생성.. 더보기
Vega를 사용해 차트를 만드는 방법: 초보자 가이드 #2 Vega를 사용하여 CSV 파일에서 데이터를 로드하고, 그래프 설정은 JSON 파일에 정의된 경우에도 쉽게 시각화를 구현할 수 있습니다.Vega는 외부 데이터를 로드하는 기능을 지원하며, JSON 설정 파일을 함께 사용할 수 있습니다. 아래는 이를 구현하는 방법을 단계별로 설명합니다. 1. SSV 파일 데이터 준비CSV (컴머로 구분된 값) 파일은 다음과 같이 생겼다고 가정합니다. data.ssv:category,amountA,28B,55C,43D,91E,81F,53G,19H,87 2. JSON 설정 파일 준비차트 설정은 JSON 파일로 저장합니다. 예를 들어, chart_config.json:{ "$schema": "https://vega.github.io/schema/vega/v5.json", ".. 더보기
Vega를 사용해 차트를 만드는 방법: 초보자 가이드 #1 데이터 분석 업무를 하다보면 결과 데이터를 멋진 차트로 만들어야할 필요성이 많이 생깁니다. Vega는 JSON 기반의 데이터 시각화 라이브러리로, 복잡한 데이터 시각화를 직관적이고 간단하게 구현할 수 있도록 설계되었습니다. 이 글에서는 Vega를 이용해 차트를 만드는 방법을 알기 쉽게 설명하겠습니다. 1. Vega란?Vega는 데이터를 시각화하기 위한 DSL(도메인 특화 언어)입니다. JSON 형식으로 그래프를 정의하며, 단순한 바 차트부터 복잡한 대시보드까지 다양한 시각화를 구현할 수 있습니다. Vega의 특징: • 반응형 시각화: 다양한 기기에서 잘 작동. • 직관적 문법: 데이터 흐름 기반 정의. • 대화형 기능 지원: 필터링, 줌 등.2. Vega 설치Vega는 HTML과 JavaScript를 사.. 더보기
Python : 네이밍 규칙, 코드 가독성과 유지보수성을 높이는 방법 이미 작성된 코드를 분석하다보면 네이밍 규칙이 잘 지켜지지 않은 코드들을 자주 보게됩니다. 프로그래밍 언어마다 약간씩 네이밍 규칙이 다르기 때문에 이런 실수가 간간히 발생할 수 있습니다. 그래서 오늘은 파이썬의 네이밍 규칙을 정리해 보려고 합니다.  1. 네이밍 규칙이 중요한 이유Python에서 네이밍 규칙은 코드의 가독성과 유지보수성을 높이는 핵심 요소입니다. 일관된 네이밍은 협업과 디버깅을 쉽게 만들어 주며, Python 스타일 가이드(Python Enhancement Proposal 8, PEP 8)를 기반으로 표준화된 코드를 작성할 수 있도록 돕습니다. 2. Python 네이밍 규칙 개요아래는 PEP 8에서 권장하는 주요 네이밍 규칙입니다.  • 변수(variable): 소문자와 밑줄(snake_.. 더보기
곤지암 스키장 - 퀵패스 사용법, 예약부터 사용까지 올 겨울 첫 스키장 방문이네요. 곤지암 스키장이 집과 가까워서 자주 방문하고 있습니다.저는 곤지암 앱에서 리프트권, 렌탈권을 모두 예매하는 편입니다. 제휴카드 할인으로 25% 할인을 받으면 다른 곳에서 구매하는 것과 크게 차이나지 않습니다. 여기저기 알아보는데 시간 쓰는 것보다 훨씬 효율적이라고 생각하고 있습니다. 렌탈도 스키하우스에서 바로 할 수 있으니 시간도 아낄 수 있구요. 앱에서 예매를 했더니 모바일 퀵패스 이용시 1시간 추가 이용 혜택을 준다는 카톡 메시지가 왔네요. 일단 곤지암리조트 모바일앱으로 예매를 하면 My 티켓 메뉴에서 예매 내역을 볼 수 있습니다. 리프트 항목을 클릭해서 들어가면 아래와 같이 미타임패스 티켓을 볼 수 있죠. 퀵패스는 기기당 하나밖에 사용할 수 없습니다. .. 더보기
구글 애드센스 심사 결과 'Site Down or unavailable' 오류 해결 방법 Tistory 블로그를 시작하고 오블완 챌린지도 참여한 덕분에 25개가 넘는 글을 꾸준히 올렸고 드디어 구글 애드 센스를 신청했습니다.하지만, 왠걸 하루만에 이슈를 먼저 수정하라는 메일을 받았고, Ad sense 사이트 승인 상태에서도 Need Attention 메시지가 보입니다. 그리고 세부 내용을 보면 아래와 같이 'Site Down or unavailable' 이라고 되어 있습니다. 그런데, 이상하게도 블로그 사이트는 잘 접속되고 있었기 때문에 도대체 정확한 원인을 알수가 없었습니다. 그래서 여기저기 조사해보고 승인받는 과정을 정리해 보려고 합니다.  1. 광고 코드 삽입확인 가장 먼저 확인해야할 사항은  블로그에 HTML 광고 코드가 제대로 삽입되어 있는가 였습니다.광고코드는 Tistory에서 자.. 더보기
티스토리 블로그 구글서치콘솔(Google Search Console)에 등록하기 내 글이 구글 검색에 잘 노출되게 하기 위해서는 구글에 내 블로그 사이트를 미리 등록하고 알려줄 필요가 있습니다. 구글 서치 콘솔에 블로그를 등록하면 구글이 블로그 콘텐츠를 더 빠르고 정확하게 크롤링하고 색인할 수 있습니다.특히 새로운 콘텐츠를 작성하거나 수정한 경우, 색인 요청(Index Request) 기능을 통해 구글에 업데이트를 알릴 수 있습니다. 이 블로그에서는 구글서치콘솔에 내 티스토리 블로그를 등록하는 방법에 대해 공유하려고 합니다. 일단 구글계정이 필요하고 그 계정으로 구글서치콘솔에 로그인을 하셔야 합니다. https://search.google.com/search-console/about  Google Search ConsoleSearch Console 도구와 보고서를 사용하면 사이트의 .. 더보기
Python : Python의 Plotly Express로 데이터 시각화 배우기 Plotly Express란?Plotly Express는 Python의 Plotly 라이브러리에서 간단하고 직관적인 데이터 시각화 기능을 제공하는 모듈입니다. 데이터를 시각화하는 과정을 최소화하며, 단 몇 줄의 코드로 강력한 대화형 그래프를 생성할 수 있습니다. 특히 pandas 데이터프레임과 원활히 연동되어 데이터 분석과 시각화를 빠르게 진행할 수 있다는 점이 큰 장점입니다. Plotly Express의 주요 특징 간단한 사용법: 단일 함수 호출로 대화형 그래프 생성.자동 데이터 매핑: 컬럼 이름 기반으로 축, 색상, 크기 등 자동 할당.다양한 차트 지원:• Scatter Plot, Line Chart, Bar Chart• Box Plot, Violin Plot, Histogram 등대화형 기능:• 줌.. 더보기

티스토리툴바