chore: update translations (#41737)

curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/add-classes-with-d3.md

@@ -12,23 +12,25 @@ dashedName: add-classes-with-d3
 
 `attr()` 方法和 `style()` 的使用方法一样。 它使用逗号分隔值，并且可以使用回调函数。 下面是给选中元素添加 `container` class 的例子：
 
-`selection.attr("class", "container");`
+```js
+selection.attr("class", "container");
+```
 
 请注意，当你需要添加 class 时，`class` 参数保持不变，只有 `container` 参数会发生变化。
 
 # --instructions--
 
-将 `attr()` 方法添加到编辑器的代码中，并在 `div` 元素上添加一个 `bar` 类。
+将 `attr()` 方法添加到编辑器中的代码中，并在 `div` 元素上添加一个 `bar` 类。
 
 # --hints--
 
-`div` 元素应该有值为 `bar` 的类。
+`div` 元素应该一个 `bar` class。
 
 ```js
 assert($('div').attr('class') == 'bar');
 ```
 
-你应该使用 `attr()` 方法。
+应该使用 `attr()` 方法。
 
 ```js
 assert(code.match(/\.attr/g));

curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/add-document-elements-with-d3.md

@@ -12,17 +12,19 @@ D3 有多种方法可以用来在文档中增加元素、修改元素。
 
 `select()` 方法从文档中选择一个元素。 它接受你想要选择的元素的名字作为参数，并返回文档中第一个与名字匹配的 HTML 节点。 以下是一个例子：
 
-`const anchor = d3.select("a");`
+```js
+const anchor = d3.select("a");
+```
 
-上面这个例子找到页面上的第一个锚点标签，将它作为一个 HTML 节点保存在变量 `anchor` 中。 你也可以用其他的方法选择页面上的元素。 示例中的 `d3` 部分是对 D3 对象的引用，通过它访问 D3 方法。
+上面这个例子找到页面上的第一个锚点标签，将它作为一个 HTML 节点保存在变量 `anchor` 中。 你可以使用其他方法进行选择。 示例中的 `d3` 部分是对 D3 对象的引用，通过它访问 D3 方法。
 
 另外两个有用的方法是 `append()` 和 `text()` 。
 
-`append()` 方法接受你希望添加到文档中的元素作为参数， 它将一个 HTML 节点添加到选中的对象上，并返回那个节点的句柄。
+`append()` 方法接收你希望添加到文档中的元素作为参数。 它将 HTML 节点附加到选定项目，并返回该节点的句柄。
 
-`text()` 方法既可以给选中的节点设置文本，也可以获取节点的当前文本。 如果要设置文本值，需要方法的括号中传入一个字符串参数。
+`text()` 方法可以设置所选节点的文本，也可以获取当前文本。 要设置该值，请在方法的括号内传递一个字符串作为参数。
 
-下面是一个选择无序列表、添加列表项和添加文本的例子：
+下面的例子是选择一个无序列表，添加列表项和添加文本：
 
 ```js
 d3.select("ul")

curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/add-inline-styling-to-elements.md

@@ -12,11 +12,13 @@ D3允许你使用 `style()` 方法在动态元素上添加内联 CSS 样式。
 
 `style()` 方法以用逗号分隔的键值对作为参数。 这里是一个将选中文本的颜色设为蓝色的例子：
 
-`selection.style("color","blue");`
+```js
+selection.style("color","blue");
+```
 
 # --instructions--
 
-在编辑器中添加 `style()` 方法，使所有显示的文本都有 `font-family` 属性，且值为 `verdana`。
+将 `style()` 方法添加到编辑器中的代码中，使所有显示的文本都具有 `verdana` 的 `font-family` 。
 
 # --hints--
 

curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/create-a-linear-scale-with-d3.md

@@ -18,13 +18,15 @@ D3 中，比例尺可帮助布局数据。 `scales` 是函数，它告诉程序
 
 D3 有几种缩放类型。 对于线性缩放（通常使用于定量数据），使用 D3 的 `scaleLinear()` 方法：
 
-`const scale = d3.scaleLinear()`
+```js
+const scale = d3.scaleLinear()
+```
 
-默认情况下，比例尺使用一比一的比例， 输出的值和输入的值相同。 后面的挑战将涉及如何改变默认比例。
+默认情况下，比例尺使用一对一关系（identity relationship）。 输入的值和输出的值相同。 后面的挑战将涉及如何改变默认比例。
 
 # --instructions--
 
-改变 `scale` 变量的值，创建线性缩放。 然后将 `output` 变量设置为 scale 函数，调用函数时传入参数 `50`。
+更改 `scale` 变量，以创建线性比例。 然后将 `output` 变量设置为 scale 函数，调用函数时传入参数 `50`。
 
 # --hints--
 

curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/select-a-group-of-elements-with-d3.md

@@ -10,7 +10,9 @@ dashedName: select-a-group-of-elements-with-d3
 
 `selectAll()` 方法选择一组元素。 它以 HTML 节点数组的形式返回该文本中所有匹配所输入字符串的对象。 以下是一个选择文本中所有锚标签的例子：
 
-`const anchors = d3.selectAll("a");`
+```js
+const anchors = d3.selectAll("a");
+```
 
 像 `select()` 方法一样，`selectAll()` 也支持链式调用，你可以在它之后调用其他方法。
 
@@ -20,7 +22,7 @@ dashedName: select-a-group-of-elements-with-d3
 
 # --hints--
 
-页面上应该有 3 个 `li` 元素，每个元素的文本内容应为 `list item`。 大小写和空格必须一致。
+页面上应该有 3 个 `li` 元素，每个元素的文本内容应为 `list item`。 大写和间距应完全匹配。
 
 ```js
 assert(

curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/update-the-height-of-an-element-dynamically.md

@@ -16,11 +16,13 @@ dashedName: update-the-height-of-an-element-dynamically
 
 回想使用回调函数设置样式的格式：
 
-`selection.style("cssProperty", (d) => d)`
+```js
+selection.style("cssProperty", (d) => d)
+```
 
 # --instructions--
 
-在编辑器中添加 `style()` 方法给每个元素设置 `height` 属性。 使用回调函数返回数据点的值，加上字符串 `px`。
+将 `style()` 方法添加到编辑器中的代码中，以设置每个元素的 `height` 属性。 使用回调函数返回数据点的值，加上字符串 `px`。
 
 # --hints--
 

curriculum/challenges/chinese/04-data-visualization/data-visualization-with-d3/work-with-dynamic-data-in-d3.md

@@ -14,11 +14,13 @@ dashedName: work-with-dynamic-data-in-d3
 
 `text()` 方法以字符串或者回调函数作为参数：
 
-`selection.text((d) => d)`
+```js
+selection.text((d) => d)
+```
 
 上面这个例子中的参数 `d` 指关联数据集的一个对象。
 
-以当前例子为例，第一个 `h2` 元素和 12 关联，第二个 `h2` 元素和 31 关联，第三个 `h2` 元素和 22 关联，以此类推。
+使用当前示例作为上下文，第一个 `h2` 元素绑定到 12，第二个 `h2` 元素绑定到 31，第三个 `h2` 元素绑定到 22，依此类推。
 
 # --instructions--