D3:这种图表和代码示例有名称吗?
D3: Is there a name for this type of chart and code example?
我在几个地方见过这种条形图。这是来自领英。页面比较复杂。
当您点击一个栏时,它会重新计算并重新排列其他列中的栏。在这里,单击了 San Fran。
d3 中有这样的例子吗?
有具体的名称吗?
通常,这称为分面搜索,它生成支持可视化的数据。下面描述了数据和可视化这两个部分以及一些 link 以集成 D3.js / ElasticSearch 示例。
数据:分面搜索/聚合
数据通过计算一组项目的方面来生成直方图。传统上,这是作为全文搜索引擎(如 Lucene 和 ElasticSearch(基于 Lucene)构建)中的分面搜索(高效地)完成的。 ElasticSearch 现在将此功能称为聚合。数据计算速度足够快,可以实时完成搜索。
在 LinkedIn 示例中,您将使用所列字段创建人员搜索索引。然后使用分面搜索,您可以轻松获得具有每个分面值的文档(人)的数量。在您的查询中,您还可以说您想说出前 x (10) 个最流行的值。
有关详细信息,请参阅以下 link。第一个更详细,第二个和第三个更高层次。
- Lucene Faceted Search User's Guide
- ElasticSearch Documentation on Facets
- ElasticSearch Documentation on Aggregations (new approach)
可视化:水平条形图
获得数据后,可视化是按最高计数排序和可以使用多种方式生成的简单水平条形图的组合。以下link直接使用D3.js或NVD3.js,这是一个制作普通图表的辅助库。要获得预期的效果,您可能需要 link 点击以使用更新的参数进行新搜索。
综合示例
这里有一些 link 用于使用 D3.js 和分面搜索/聚合的预构建集成。
Elastic List 似乎是最接近的答案。
我在几个地方见过这种条形图。这是来自领英。页面比较复杂。
当您点击一个栏时,它会重新计算并重新排列其他列中的栏。在这里,单击了 San Fran。
d3 中有这样的例子吗?
有具体的名称吗?
通常,这称为分面搜索,它生成支持可视化的数据。下面描述了数据和可视化这两个部分以及一些 link 以集成 D3.js / ElasticSearch 示例。
数据:分面搜索/聚合
数据通过计算一组项目的方面来生成直方图。传统上,这是作为全文搜索引擎(如 Lucene 和 ElasticSearch(基于 Lucene)构建)中的分面搜索(高效地)完成的。 ElasticSearch 现在将此功能称为聚合。数据计算速度足够快,可以实时完成搜索。
在 LinkedIn 示例中,您将使用所列字段创建人员搜索索引。然后使用分面搜索,您可以轻松获得具有每个分面值的文档(人)的数量。在您的查询中,您还可以说您想说出前 x (10) 个最流行的值。
有关详细信息,请参阅以下 link。第一个更详细,第二个和第三个更高层次。
- Lucene Faceted Search User's Guide
- ElasticSearch Documentation on Facets
- ElasticSearch Documentation on Aggregations (new approach)
可视化:水平条形图
获得数据后,可视化是按最高计数排序和可以使用多种方式生成的简单水平条形图的组合。以下link直接使用D3.js或NVD3.js,这是一个制作普通图表的辅助库。要获得预期的效果,您可能需要 link 点击以使用更新的参数进行新搜索。
综合示例
这里有一些 link 用于使用 D3.js 和分面搜索/聚合的预构建集成。
Elastic List 似乎是最接近的答案。