Warning:
This wiki has been archived and is now read-only.

Main Page/CG 20150920event report

From Data Visualization Community Group Wiki Page
Jump to: navigation, search

Report for DataVis Community Group Meetup Event on Sep 20 2015

Overview

Why we are doing datavis standards?

  1. data visualization work has been spreading from people with expertise to the public, from native to the web;(从本地可视化向Web可视化发展,从专家群体向大众群体扩展)
  2. many stakeholders involved, a bit chaotic in the roles of different parties(多方参与,各自职责不清晰)
  3. fragmentation and challenges caused by various data models, data visualization methods, APIs and ways to interact (多种可视化方法,不同实现的数据模型、API、交互方法不统一)

Requirements & Usecases

  • Usecase 1: 财新. 数据可视化新闻如何制作
  • Usecase 2: 一般的使用easychart的标准化可视化数据的场景
  • Usecase 3: 面向内部/少量用户的定制可视化工具开发(DDoS)
  • Usecase 4: 数据分析产品(百度给行业的销售分析)
  • Usecase 5: 行业可视化应用:旅游行业的热点可视化
  • Usecase 6: 行业可视化应用:食品安全领域的可视化应用场景?
  • Usecase 7: 行业可视化应用:社会网络分析领域的可视化应用场景?
  • Usecase 8: 行业可视化应用:数字出版领域的可视化应用场景?

  • Req1: 数据和表达形式分离
  • 对数据的抽象表达应包括常见的树状(层次)、网状、一维、二维及多维等。
  • 对数据模型的描述应具有清晰的语义,或从语法上能够较好反映数据模型的本身特征。(如树状/层次结构)
  • Req2: 对于同一种可视化方法,不同可视化库实现(d3, echarts,...)应当有一致的数据模型和基本的交互方法
  • Req3: 可视化方法对响应式设计的更好的支持(360)
  • Req4: Web工程中的HTML, CSS, JS中,各个组件能够独立;
  • Req5: 一个HTML文档中,对一种可视化方法(如柱状图)style的修改(如颜色等)应当与对另一种可视化方法(如饼状图)style的修改隔离
  • Req6: 数据导向的可视化编程.支持主要的数据格式,如Excel、CSV、JSON等作为数据输入;财新 Caixin : Visulization News:
  • Req7: 针对不同计算能力客户端对可视化的一致呈现需求,可以引入“可视化云”,提供可视化服务。
  • Req8: 对于一种可视化方法,应当将可视化效果的样式分离出来(允许第三方或用户定制). 这条需求可能和Req1有关联。可能的样式包括Glyph, size, color等。随不同的可视化方法,会有区别。
  • Req9: 对不同类型的数据描述,应当有标准形式。数据类型的分类可以包括一维数据、二维(表格)数据、三维数据、高维数据等;此外,层次结构的数据、时序数据、地理空间数据也可能是数据的分类
  • Req10: 可视化方法应当有可选择的布局方法、坐标系变换方法
  • Req11: 需要有一种可视化方法的“元数据”标准,通过它可以描述各类常用和在特定领域中常用的可视化方法(如柱、饼、折等),以及平行坐标等。标准化应当帮助普及一些在特定领域中常见的可视化方法(不局限于柱、饼、折等)
  • Req12: 可视化方法在渲染过程,可能基于Canvas, SVG, WebGL等多种方式。
  • Req13: 需要制订可视化相关的术语标准,统一名称。
  • Req14: 应当区分可视化方法中的通用内容,和领域特定需求的内容。有可视化需求的领域包括但不局限于科学计算、旅游;旅游可视化:景点拥堵情况,人流密度等
  • Req15: 同类的可视化方法,应当有一组基本的、标准的交互方法,以支持对数据的可视分析

Reference Process of Data Visualization on the Web

  (follow Baidu's slides)

Possible Scope of DataVis Standards Work

  • Items we should take into consideration
  * Terminology 可视化的名词、术语
  * Data Model 可视化方法所依赖的数据模型 
  * Reference Process 可视化参考流程
  * Meta Model 描述可视化方法的元模型
  * Standard APIs 常见的、标准可视化方法的API
  * Data Visualization Methods 可视化方法的样式
  • Items we should not work on
  * General data presentation methods, which might rely on works of other groups like CSV and JSON. 通用的数据表示方法(这应当依赖于 Data Activity 的其他工作,如CSV, JSON等)
  * the visualization methods that have not been used as common practice. 尚未形成行业共识的、研究性的可视化方法(这些可以交由可视化方法的设计者,基于标准的描述、表达形式进行表达)
  * Tools, UI, implementation. 具体工具的形态、用户界面(user interface)、实现细节等(应当由lib的实现着去考虑)
  * methods and effects to visualize in certain scenarios. 具体应用场景中的可视化方法和效果(应当由具体应用的实现者去考虑)

Proposed DataVis Standards Structure

Possible deliverables

  • Pre-Standards Docs:
  • Data Visulization on the Web: Terminology
  • Data Visulization on the Web: Use Cases and Requirements
  • Core Stadards:
  • Data Visulization on the Web: Data Model
  • Visualization Events and Interaction
  • Style of Visualization Method
  • Metadata for Data Visualization Methods
  • Common Visualization Methods: (based on the metadata)
  • Profiles for Stardard / General Visualization Method
  • Data Visualization for Specific Domains
  • Domain specific profiles:
  • eg. Scitific data vis, travel data vis, ...

Ecosystem

  • User (基于Web的可视化产品)
  • content providers, e.g. media 内容提供商,如新闻媒体(可视化、交互式的新闻)
  • big data analyzing products vendor 大数据分析产品(提供对特定数据集的交互式分析)
  • domain specific web-based tools providers (领域相关的可视化工具工具提供商)
  • Browser Vendors
  • 3rd visualization javascript library providers
  • d3, echart, ...
  • general development/data presentation tools providers 基于Web的可视化工具开发者
  • UI/UE team 关注给定可视化方法的样式设计(颜色、表现等)

Possible Relationship to other W3C work

  • JS vis libs vs. Web component - HTML WG, WebApp WG
  • Style of standard visulization method - CSS WG, SVG WG
  • Different rendering method, e.g.SVG, WebGL, HTML 2D canvas - SVG WG, HTML WG
  • Accessibility - WAI Groups