DIY 데이터 시각화: Reveal BI를 통해 데이터에 대한 고유한 통찰력 제공

DIY 데이터 시각화: Reveal BI를 통해 데이터에 대한 고유한 통찰력 제공

Reveal의 DIY 사용자 정의 시각화 기능을 사용하면 대시보드 내에서 사용 가능한 차트 유형을 제어하여 사용자 환경을 맞춤화할 수 있습니다. 이러한 사용자 정의를 통해 데이터가 특정 요구 사항에 가장 적합한 방식으로 표시됩니다.

7분 읽기

우리는 산업 전반에 걸쳐 데이터가 결정을 내리는 시대에 살고 있습니다. 데이터 시각화가 필수가 되었지만 모든 표준 시각화가 전문적인 보고 요구 사항을 충족하는 것은 아닙니다.

우리 플랫폼에 소개하게 되어 기쁘게 생각하는 혁신적인 기능인 DIY 사용자 정의 시각화를 만나보세요. 비교할 수 없는 이점과 고유한 보고서를 손쉽게 작성하는 방법을 알아보세요.

사용자 정의 시각화의 이점을 누릴 수 있는 방법

방법을 알아보기 전에 사용자 정의 시각화를 만들 때 얻을 수 있는 주요 이점을 살펴보겠습니다.

맞춤형 데이터 표현

사용자 정의 시각화를 사용하면 복잡한 데이터를 쉽게 소화할 수 있는 형식으로 표현하여 청중의 요구 사항에 부응할 수 있습니다. 고객 인구통계, 공급망 물류 관리, 재무 데이터를 다루거나 임원, 클라이언트 또는 동료에게 프레젠테이션을 할 때 시각화를 그들의 요구 사항에 맞게 조정할 수 있습니다.

단순화된 복잡성

복잡한 데이터 세트에는 풍부한 핵심 비즈니스 통찰력이 포함되어 있는 경우가 많지만 일반적으로 원시 형식으로 표시하면 압도적입니다. 맞춤형 시각화는 데이터를 필수 추세, 패턴 및 이상값을 강조하는 명확하고 직관적인 시각적 개체로 추출하여 복잡성을 단순화합니다.

전문 보고서

​의료, 금융, 제조 산업에서는 규제 표준이나 특정 비즈니스 요구 사항을 충족하기 위해 전문 보고서가 필요한 경우가 많습니다. Reveal의 사용자 정의 기능을 사용하면 데이터 정확성이나 명확성을 손상시키지 않고 이러한 요구 사항을 준수하는 보고서를 만들 수 있습니다.

효과적인 데이터 스토리텔링

시각화는 데이터로 스토리를 전달하는 것입니다. 맞춤형 시각화를 통해 매우 효과적인 데이터 기반 스토리를 만들 수 있습니다. 내러티브에서 데이터 요소와 시각적 요소를 배열함으로써 논리적인 정보 흐름을 통해 청중을 안내하여 의사 결정자가 실행 가능한 통찰력을 얻을 수 있도록 유도할 수 있습니다.

향상된 사용자 경험

잘 설계된 사용자 정의 시각화를 통해 사용자는 데이터와 보다 효과적으로 상호 작용하여 더 깊은 통찰력을 얻고 기본 정보에 대한 더 나은 이해를 얻을 수 있습니다.

공개 BI를 사용한 DIY 맞춤형 데이터 시각화

Reveal 사용한 DIY 사용자 정의 시각화

Reveal의 광범위한 시각화 배열은 다양한 핵심 시각화 기능을 제공합니다. 여기에는 데이터 비교, 부분-전체 분석, 데이터 배포, 추세 분석, 데이터 관계, KPI, 게이지 및 지리공간 데이터 시각화가 포함됩니다. 일반적인 비즈니스 차트 유형뿐만 아니라 트리맵, 분산형 맵 차트와 같은 특수 옵션도 제공됩니다.

하지만 그게 전부는 아닙니다. 플랫폼에 대한 혁신적인 추가 기능을 통해 이제 대시보드 내에서 사용 가능한 차트 유형을 제어할 수 있습니다. 특정 요구 사항에 맞지 않을 수 있는 기본 차트 유형을 제거하여 사용자 환경을 맞춤화하세요. 사용자 정의 그룹을 생성하여 사용 가능한 차트 유형을 효율적으로 구성함으로써 직관적이고 사용자 친화적인 인터페이스를 보장합니다.

또한 단 4줄의 코드만으로 고유한 이름과 아이콘이 포함된 사용자 정의 시각화를 즉시 통합할 수 있습니다. 이 기능은 특정 요구 사항에 맞춰 데이터를 신선하고 흥미로운 방식으로 보여줄 수 있는 무한한 가능성을 열어줍니다.

Reveal의 사용자 정의 시각화 기능

  • 브랜드 및 테마:​ ​애플리케이션의 브랜드와 테마를 완벽하게 일치시켜 사용자 정의 시각화가 제품의 전체적인 모양 및 느낌과 조화롭게 조화를 이루도록 합니다.
  • 사용자 정의 구성 요소: 특정 요구 사항에 맞는 사용자 정의 구성 요소를 자유롭게 생성하여 데이터 표시 및 상호 작용에 대한 무한한 가능성을 제공합니다.
  • 대시보드 필터링: 사용자 정의 시각화는 대시보드 필터 경험에 원활하게 참여하며 다른 시각화와 마찬가지로 필터링하고 상호 작용할 수 있습니다.
  • 기능 추가/편집: 대시보드 및 보고서에서 사용자 정의 시각화를 쉽게 추가하거나 편집할 수 있으므로 사용자가 쉽게 액세스하고 상호 작용할 수 있습니다.
  • 셀프 호스팅 옵션: 애플리케이션 내에서 또는 원하는 엔드포인트에서 사용자 정의 시각화를 자체 호스팅하여 배포를 완벽하게 제어할 수 있습니다.
  • 맞춤형 사용자 경험: Reveal 하면 사용자 정의 시각화 내에서 거의 모든 UI 컨트롤이나 라이브러리를 제공할 수 있습니다.

사용자 정의 시각화 Reveal는 어떻게 작동합니까?

다음으로 Reveal 브리지 JavaScript 파일 추가부터 브랜딩 및 테마 적용까지 Reveal에서 사용자 정의 데이터 시각화가 작동하는 프로세스를 단계별로 살펴보겠습니다.

내장된 분석을 통한 맞춤형 데이터 시각화
  1. 사용자 정의 컨트롤: 사용자 정의 컨트롤이나 시각화를 준비하세요. Reveal은 클라이언트 측 JavaScript 라이브러리에서 작동하므로 이는 모든 클라이언트 프레임워크를 기반으로 할 수 있습니다.
  1. Reveal 브리지 포함: 프로젝트에 reveal.bridge.js JavaScript 파일을 추가합니다. 이 파일은 Reveal와 사용자 지정 시각화 사이의 다리 역할을 합니다.
  1. Bridge 참조: 사용자 정의 시각화를 설정한 프로젝트에서 discover.bridge.js 파일을 참조해야 합니다.
  1. 데이터 할당: 사용자 정의 구성 요소에서는 시각화에 필요한 값이나 행에 데이터를 할당해야 합니다. Reveal 편집기에서 필드를 드래그할 때 이 할당을 통해 사용자 정의 시각화가 Reveal의 데이터를 올바르게 사용하도록 보장합니다.
  1. Reveal과 통합: 사용자 정의 시각화는 Reveal의 기본 시각화와 유사하게 작동합니다. 새 시각화를 추가하면 기본 구성 요소인 것처럼 동일한 시각화 편집기를 계속 사용하게 됩니다. 여기에는 필드 끌기, 편집기에 시각화 표시 및 저장이 포함되며 자동으로 애플리케이션의 필터 환경에 참여합니다.
  1. 자체 호스팅: 사용자 정의 시각화는 자체 호스팅되므로 원하는 곳에 위치할 수 있습니다. 이는 핵심 Reveal 클라이언트 앱 내에 있거나 다른 엔드포인트에 있을 수 있습니다.
  1. 차트 선택기에 사용자 정의 시각화 추가: Reveal의 차트 선택기에 이 사용자 정의 시각화를 추가하면 시각화가 호스팅되는 끝점을 사용자 정의할 수 있습니다.
  1. 테마 및 브랜딩 적용: Reveal 테마 및 브랜딩을 완전히 제어할 수 있으므로 애플리케이션의 브랜드와 테마를 일치시킬 수 있습니다. 동일한 테마와 브랜딩을 사용자 정의 구성 요소에 적용할 수 있습니다.
맞춤형 시각화 공개

사용자 정의 시각화 만들기

Reveal의 DIY 사용자 정의 시각화 기능을 사용하면 대시보드 내에서 사용 가능한 차트 유형을 제어하여 사용자 환경을 맞춤화할 수 있습니다. 이러한 사용자 정의를 통해 데이터가 특정 요구 사항에 가장 적합한 방식으로 표시됩니다. 단 몇 줄의 코드로 이를 수행하는 방법은 다음과 같습니다.

1.차트 종류 업데이트

기존 차트 유형을 업데이트하려면 이름, 아이콘, 그룹화를 포함한 속성을 쉽게 수정할 수 있습니다. discoverView.chartTypes 속성에서 차트 유형을 찾아 다음 네 줄의 코드를 추가하세요.

var barConfig = revealView.chartTypes.find(x => x.chartType == 'BarChart');  
barConfig.title = 'My Cool Bar';  
barConfig.icon = 'https://help.revealbi.io/img/logo.png';  
barConfig.groups = ["Enterprise Visualizations", "HR", "Some Other Category"]; 

2.차트 유형 제거

필요하지 않은 기본 차트 유형이 있는 경우 제거하려는 차트 유형 항목의 인덱스를 찾아 쉽게 제거하고 다음 코드를 사용하여 ChartTypes 배열에서 제거할 수 있습니다.

var gridConfig = revealView.chartTypes.find(x => x.chartType == 'Grid');  
revealView.chartTypes.splice(revealView.chartTypes.indexOf(gridConfig), 1); 

3.사용자 정의 차트 유형 추가

차트 유형 드롭다운에서 사용자 정의 시각화를 새 차트 유형으로 추가하는 것이 가장 흥미로운 부분입니다. 이를 통해 데이터를 표시할 수 있는 가능성의 세계가 열리고 다음 몇 줄의 코드만 있으면 됩니다.

revealView.chartTypes.push({  
    title: "Custom Viz",  
    url: "https://host/customViz.html", //provide the url to your custom visualization  
    icon: "https://help.revealbi.io/img/logo.png",  
    groups: ["Custom Visualizations"]  
}); 

DIY 사용자 정의 시각화 비디오 튜토리얼

Reveal의 개발자 도구 수석 부사장이자 데이터 분석 전문가인 Jason Beres가 작성한 튜토리얼에서 고유한 시각화를 만드는 것이 얼마나 쉬운지 직접 확인하십시오.

사용자 정의 시각화 시작하기

우리와 함께 사용자 정의 시각화에 대해 배우는 것이 즐거웠기를 바랍니다. Reveal의 다양한 특징과 기능을 소개할 수 있도록 무료 제품 둘러보기를 예약하여 제품에 대해 자세히 알아볼 수 있습니다. 또는 SDK를 다운로드하여 직접 사용해 볼 수도 있습니다.

제품의 기능을 테스트하는 중에 문제가 발생하거나 추가 지침이 필요한 경우 Discord 채널을 통해 제품 팀에 문의하세요.

마지막으로, 여러분의 생각을 우리와 공유해 주시기 바랍니다. 귀하의 의견은 우리 제품을 형성하여 귀하와 귀하의 고객에게 최대 가치를 제공하는 기능을 제공하도록 보장합니다. Reveal의 사용 편의성을 개선하기 위해 추가할 수 있는 사항이 있다고 생각하시면 알려주시면 로드맵에 추가하겠습니다.

임베디드 분석 데이터 시각화 방법

더 많은 주제

데이터 시각화 임베디드 분석
데모 요청