将Excel文件转换为JSON：JSON代码检查的设计

Question

我想将数据从Excel文件转换为JSON文件。 但是，我不确定JSON代码的设计（即，是否以适当的方式组织了它以便于处理它？）我将在D3.js中使用此JSON文件。

这是我的Excel文件的一小部分：

我想将此数据转换为JSON文件，以便与D3.js一起使用。 这是我到目前为止的内容：

所以我的问题是： 这是组织数据以便与D3.js一起使用的好设计（方法）吗？ 这是一个示例输出：

提前致谢！

Answer 1

这是一个有点主观的问题，但是根据我的经验，有更好的方法：

由于您在d3中工作，因此您可能正在执行以下操作：

d3.selectAll('div')
  .data(entities)
.enter()
  .append('div')
  ...

因此，您希望entities成为数组。 问题是您的实体是什么？ 有没有一种观点，世界上所有国家都是实体？ 是否有一个视图，其中所有国家，所有地区和整个世界都是实体？ 或者，所有视图将仅仅是选定区域中的所有国家，而不包括该区域本身吗？

除非您要提供的JSON结构与您计划显示的实体的组合匹配，否则您的代码将必须进行一系列的连接和/或过滤数组，才能获得可以绑定的单个实体数组至。 也许可以，但是这会在代码和数据结构之间造成不必要的耦合。

根据我的经验，最灵活的方法（也可能是最简单的编码方式）是保持层次结构平坦，就像在excel文件中一样。 因此，与其将区域编码到层次结构中，不如将它们放在单个平面数组中，如下所示：

{
  "immigration": [
    {
      "name": "All Countries"
      "values: [
        { "Year": ..., "value": ... },
        { "Year": ..., "value": ... },
        ...
      ]
    },
    {
      "name": "Africa"
      "values: [
        { "Year": ..., "value": ... },
        { "Year": ..., "value": ... },
        ...
      ]
    },
    {
      "name": "Eastern Africa"
      "continent": "Africa"
      "values": [
        { "Year": ..., "value": ... },
        { "Year": ..., "value": ... },
        ...
      ]
    },
    {
      "name": "Burundi"
      "continent": "Africa"
      "region": "East Africa"
      "values": [
        { "Year": ..., "value": ... },
        { "Year": ..., "value": ... },
        ...
      ]
    },
    {
      "name": "Djibouti"
      "continent": "Africa"
      "region": "East Africa"
      "values": [
        { "Year": ..., "value": ... },
        { "Year": ..., "value": ... },
        ...
      ]
    },
    ...
  ]
}

请注意，即使数组是平坦的，这里仍然有一个层次结构- region和sub-region属性。

您必须进行一些过滤才能仅提取要显示的国家/地区。 但这比遍历您建议的层次结构更简单：

var africanEntities = data.immigration.filter(function(country) {
  return country.continent == "Africa";
}); // Includes the region "East Africa"

var justCountries = data.immigration.filter(function(country) {
  return country.continent != null && country.region != null;
});

同样，d3具有很棒的d3.nest() ，它使您可以d3.nest()将此平面数据转换为分层数据：

var countriesByContinent = d3.nest()
  .key(function(d) { return d.continent; })
  .map(data.immigration);

var africanEntities = countriesByContinent['Africa'];

希望有帮助...