顺序尺度：揭开数据排序的奥秘

2023-10-10 09:34:30

顺序尺度，一种强大的数据组织工具，在探索和理解数据时发挥着至关重要的作用。它将离散域（类别）映射到另一个离散范围（值），为我们提供数据元素相对位置的洞察。

顺序尺度的魔力

顺序尺度的魅力在于，它允许我们对类别数据进行排序。不像连续尺度，它不测量数值，而是将数据点分配到离散值。这在比较和可视化分类数据时特别有用。

以运动员的奖牌为例。金牌、银牌和铜牌可以用顺序尺度表示。虽然这些奖牌本身没有数值，但顺序尺度允许我们根据它们的相对价值对它们进行排序。金牌最高，铜牌最低。

实施顺序尺度

在 JavaScript 中，使用流行的数据可视化库 D3.js，我们可以轻松创建顺序尺度。d3.scaleOrdinal 函数允许我们指定要排序的域和范围。

const scale = d3.scaleOrdinal()
  .domain(["Gold", "Silver", "Bronze"])
  .range([1, 2, 3]);

在这个例子中，我们创建了一个顺序尺度，它将 "Gold"、"Silver" 和 "Bronze" 这三个类别映射到值 1、2 和 3。

示例：可视化奖牌排名

为了展示顺序尺度的实际应用，我们可以创建一个条形图来可视化运动员的奖牌排名。

const data = [
  { name: "Athlete 1", medals: ["Gold", "Silver"] },
  { name: "Athlete 2", medals: ["Silver", "Bronze"] },
  { name: "Athlete 3", medals: ["Bronze"] },
];

const svg = d3.select("svg");

const bars = svg.selectAll("rect")
  .data(data)
  .enter()
  .append("rect")
    .attr("x", 0)
    .attr("y", (d, i) => scale(d.medals[0]))
    .attr("width", 20)
    .attr("height", 10)
    .attr("fill", (d) => {
      switch (d.medals[0]) {
        case "Gold":
          return "#FFD700";
        case "Silver":
          return "#C0C0C0";
        case "Bronze":
          return "#CD7F32";
      }
    });