메뉴 건너뛰기

이 게시물은 무료로 사용할 수 있는 오픈 소스 차트 라이브러리(Open Source Chart Library)에 대해서 소개합니다. 


최근 ALM 관련 컨설팅을 하면서, 고객사에서 ALM 관련 데이터 수집과 데이터 표현에 즉 품질 대시보드대에 대한 관심이 많은 편인데, 오픈 소스 ALM 솔루션은 이러한 부분에서 약간은 미진한 부분이 있습니다. 뭔가 아쉬워요. 


그래서 이러한 개발 전반적인 데이터 현황을 보여주는 대쉬보드를 직접 개발을 하면서 사용할 수 있는 차트(Chart), 그래프 등의 라이브러리 정보를 공유합니다. 


아래 요약된 설명을 참고하시기 바랍니다. 


ChartJS

설명 :

ChartJS는 인기가 많은 Javascript Chart 라이브러리 중의 하나입니다. 일단 사용법이 편리하고 Chart가 이쁩니다.

링크 :

  • http://www.chartjs.org/

차트종류 :

  • Bar Chart
  • Pie & Doughnut Chart
  • Line Chart
  • Radar Chart
  • Polar Area Chart

샘플 :

Line Chart 
chartjs02.png

Pie & Doughnut Chart

chartjs04.png



Chartist.js

설명 :

Chartist 또한 인기있는 Chart Javascript 라이브러리 중의 하나로 SVG를 사용하며, CSS를 통해 모양을 다듬을 수 있습니다. IE9부터 11, Firefox, Chrome, Safari, Androis, iOS 등 다양한 브라우저를 지원합니다. 

링크 :

    • http://gionkunz.github.io/chartist-js/

    차트종류 :

    • Bar Chart
    • Pie & Doughnut Chart
    • Scatter Plot Chart
    • Time Series Chart

    샘플 :

    chartist.png


    Google Charts

    설명 :

    구글 차트는 가장 많은 종류의 다양한 차트를 지원합니다. 차트의 종류가 많기 때문에 자신이 원한는 형태의 차트를 선택하고 해당 소스를 가져와 사용하면 됩니다. 이 역시 HTML5, SVG 기반입니다.

    링크 :

      • https://developers.google.com/chart/

      차트종류 :

      • Geo Chart
      • Bar Chart
      • Histogram
      • Pie Chart
      • Scatter Plot Chart
      • Time Series Chart
      • Combo Chart
      • Area Chart
      • Bubble Chart
      • Timeline
      • Gauge

      샘플 :

      google.png



      n3-charts

      링크 :

        • http://n3-charts.github.io/line-chart/#/

        차트종류 :

        • Bar Chart
        • Line Chart

        샘플 :

        n31.png


        n3.png



        Ember Charts

        링크 :

          • http://addepar.github.io/ember-charts/#/overview

          차트종류 :

          • Bar(Horizontal, Vertical) Chart
          • Pie Chart
          • Scatter Plot
          • Time Series Chart

          샘플 :

          ember.png

          D3 Data-Driven Documents

          링크 :

            http://d3js.org/

            차트종류 :

            • Box Plots
            • Bubble Chart
            • Bullet Chart
            • Calendar View
            • Chord Diagram
            • Dendrogram
            • Circle Packing
            • Streamgraph
            • Nodeline Tree
            • Gantt Chart
            • Tree Map ......

            샘플 :

            d3.png

            HighCharts

            링크 :

              • http://www.highcharts.com/

              차트종류 :

              • Bar Chart
              • Pie Chart
              • Scatter Plot
              • Time Series Chart

              샘플 :

              highchart.png

              AMCHARTS

              링크 :

                • http://www.amcharts.com/

                차트종류 :

                • Bar Chart
                • Pie Chart
                • Scatter Plot
                • Time Series Chart

                샘플 :

                amchart.png


                amchart2.png

                uvCharts

                링크 :

                  • http://imaginea.github.io/uvCharts/

                  차트종류 :

                  • Bar Chart
                  • Area Chart
                  • Pie & Donut Chart
                  • Staked Bar Chart
                  • Line Chart

                  샘플 :

                  uvCharts.png



                  Who's Tom

                  profile

                  저는 2009년 ALM의 세계에 뛰어 들었습니다. 

                  지금은 ALM, DevOps, 공학 프로세스, 요구공학, 테스트 엔지니어링 등 다양한 영역에 관심이 많습니다.

                  http://www.curvc.com 

                  ?

                   


                  1. TOP4 테스트 자동화(Test Automation) 플랫폼

                    요즘 소프트웨어는 고객의 요구에 민첩하게 대응하고 고객 니즈를 반영하여 짧은 주기의 배포 사이클을 중요하다. 이러한 배포 주기와 함께 반드시 보장해야할 것이 바로 소프트웨어 품질이다. 소프트웨어 품질 보장을 위해 CI, CD, DevOps의 꽃은 테스트 자동...
                    Date2018.07.13 ByTom Reply0 Views921
                    Read More
                  2. 소프트웨어 품질 문제 해결을 위한 지속적인 코드 인스펙션

                    소개소프트웨어 품질은 모든 기업의 관심사가 되고 있다. 비즈니스 핵심 가치를 실행하는데 소프트웨어의 역할이 점차 확대되고 있기 때문이다. 일반적으로 소프트웨어 품질은 외부 혹은 내부 품질로 구성된다. 외부 품질 즉 기능적 품질은 소프트웨어가 ...
                    Date2018.01.30 ByTom Reply0 Views1187
                    Read More
                  3. No Image

                    AWS 기반 웹 및 애플리케이션 서버 부하 테스트: A to Z

                    웹 서핑하다가 괜찮은 글이 있어서 링크 공유 합니다. :) https://aws.amazon.com/ko/blogs/korea/how-to-loading-test-based-on-aws/
                    Date2017.01.31 ByPSEG Reply0 Views1708
                    Read More
                  4. No Image

                    유용한 오픈 소스 테스트 관리 도구들

                    이 문서는 무료로 사용할 수 있는 오픈 소스 테스트 관리를 소개한다. 테스트 관리 도구는 팀에게 아주 중요한 역할을 한다. 이러한 툴들은 팀 내에서 요구사항 수집하고 이 수집된 요구사항을 기반으로 테스트 케이스 설계를 지원하고 요구사항과 테스트 케이...
                    Date2016.05.31 ByTom Reply0 Views4267
                    Read More
                  5. 오픈소스 Java 테스트 프래임웍 7선

                    오픈소스 Java 테스트 프래임웍 7선 1. Arquillian Integration, acceptance 테스트 자동화에 적합한 도구이다. 빌드, 테스트 할 때 tun-rime을 관리해주기 때문에 개발자가 run-time을 별도로 관리하지 않도도 된다. 컨테이너, 테스트케이스, 클래스와 ...
                    Date2016.04.09 ByPSEG Reply1 Views4871
                    Read More
                  6. 대시보드를 위한 오픈소스(Open Source) 차트(Chart) 라이브러리

                    이 게시물은 무료로 사용할 수 있는 오픈 소스 차트 라이브러리(Open Source Chart Library)에 대해서 소개합니다. 최근 ALM 관련 컨설팅을 하면서, 고객사에서 ALM 관련 데이터 수집과 데이터 표현에 즉 품질 대시보드대에 대한 관심이 많은 편인데, 오...
                    Date2015.12.04 ByTom Reply1 Views19607
                    Read More
                  7. 임베디드 시스템 코드리뷰 체크리스트

                    이 문서는 카네기 멜론 대학의 Gautam Khattak, Philip Koopman 문서인 Embedded System Code Review Checklist 버전 1.01을 번역하였습니다. 오역이 있을 수 있으니, 아래 링크를 통해 원문을 확인해 보시기 바랍니다. http://users.ece.cmu.edu/~koopman/ess...
                    Date2015.09.01 ByTom Reply0 Views5247
                    Read More
                  8. RedmineCRM 무료 Theme 5종 비교

                    이번 게시글은 RedmineCRM에서 제공하는 무료 Theme 5종을 Preview합니다. 예전에 RedmineCRM의 Theme는 로그인 없이 다운로드 했던것 같은데, 이번에 다운로드를 할려고 하니 회원가입을 했기에, 한번 모든 Theme를 다운로드 받고 실제 Redmine 프로젝트...
                    Date2015.08.24 ByTom Reply0 Views4996
                    Read More
                  9. 미항공우주국이 밝힌 필수안전 코드 개발을 위한 열 가지 원칙

                    미항공우주국이 밝힌 필수안전 코드 개발을 위한 열 가지 원칙 NASA는 지난 수십 년 간 우주탐사를 위한 매우 중대한(mission-critical) SW개발 프로젝트를 수행해 왔는데, 그 간의 개발경험을 기반으로 2015년 1월 신뢰성 있는 소프트웨어 확보를 위한 ...
                    Date2015.03.17 BySW공학센터 Reply0 Views5482
                    Read More
                  10. 2014년도 공개소프트웨어 기업 편람

                    2014년도 공개소프트웨어 기업 편람이 발간되었습니다. 한국공개소프트웨어활성화포럼에서 발간한 본 편람에는 공개SW의 개념 및 특징과 함께 2014년도 기준, 공개SW 기업들의 기본 정보와 주요 제품 및 서비스, 특기사항 등이 수록되어 있습...
                    Date2015.03.11 BySW공학센터 Reply0 Views3285
                    Read More
                  Board Pagination Prev 1 2 3 4 Next
                  / 4