Freecodecamp: [рдмреАрдЯрд╛] D3: "рдкрд╣рдЪрд╛рдирдХрд░реНрддрд╛ 'рдбреЗрдЯрд╛рд╕реЗрдЯ' рдкрд╣рд▓реЗ рд╣реА рдШреЛрд╖рд┐рдд рдХрд┐рдпрд╛ рдЬрд╛ рдЪреБрдХрд╛ рд╣реИ" рддреНрд░реБрдЯрд┐

рдХреЛ рдирд┐рд░реНрдорд┐рдд 12 рдирд╡ре░ 2017  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: freeCodeCamp/freeCodeCamp



рдЪреБрдиреМрддреА рдХрд╛ рдирд╛рдо


https://beta.freecodecamp.org/hi/challenges/data-visualization-with-d3/change-styles-based-on-data

рдореБрджреЗ рдХрд╛ рд╡рд┐рд╡рд░рдг


рдмреАрдЯрд╛ рдореЗрдВ D3 рдЪреБрдиреМрддрд┐рдпреЛрдВ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдЬрд╛рдиреЗ рдкрд░, рдХрдИ рдРрд╕реЗ рд╣реИрдВ рдЬреЛ рд╣рдореЗрд╢рд╛ рддреНрд░реБрдЯрд┐ рджрд┐рдЦрд╛рддреЗ рд╣реИрдВ "рдкрд╣рдЪрд╛рдирдХрд░реНрддрд╛ 'рдбреЗрдЯрд╛рд╕реЗрдЯ' рдкрд╣рд▓реЗ рд╣реА рдШреЛрд╖рд┐рдд рдХрд┐рдпрд╛ рдЬрд╛ рдЪреБрдХрд╛ рд╣реИред" рдпрд╣ рдПрдХ рдмрдЧ рдкреНрд░рддреАрдд рд╣реЛрддрд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рд╕рдорд╛рдзрд╛рди рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ рдпрджрд┐ const dataset рд▓рд╛рдЗрди рдкрд░ рдЯрд┐рдкреНрдкрдгреА рдХреА рдЬрд╛рддреА рд╣реИред

рдпрд╣ рдХреНрд░реЛрдо рдкрд░ рд╣реБрдЖред рдореИрдВрдиреЗ рдлрд╝рд╛рдпрд░рдлрд╝реЙрдХреНрд╕ рдХреНрд╡рд╛рдВрдЯрдо рдореЗрдВ рдЗрд╕ рддреНрд░реБрдЯрд┐ рдХреА рдЬрд╛рдБрдЪ рдХреА рдФрд░ рдкреБрди: рдкреЗрд╢ рдирд╣реАрдВ рдХрд░ рд╕рдХрддрд╛ред

рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдЬрд╛рдирдХрд╛рд░реА

  • рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдХрд╛ рдирд╛рдо, рд╕рдВрд╕реНрдХрд░рдг: рдХреНрд░реЛрдо 61.0.3163.10
  • рдСрдкрд░реЗрдЯрд┐рдВрдЧ рд╕рд┐рд╕реНрдЯрдо: рд╡рд┐рдВрдбреЛрдЬ 10 рдкреНрд░реЛ
  • рдореЛрдмрд╛рдЗрд▓, рдбреЗрд╕реНрдХрдЯреЙрдк рдпрд╛ рдЯреИрдмрд▓реЗрдЯ: рдбреЗрд╕реНрдХрдЯреЙрдк

рддреБрдореНрд╣рд╛рд░рд╛ рдХреЛрдб



<body>
  <script>
    const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];

    d3.select("body").selectAll("h2")
      .data(dataset)
      .enter()
      .append("h2")
      .text((d) => (d + " USD"))
      // Add your code below this line



      // Add your code above this line
  </script>
</body>


рд╕реНрдХреНрд░реАрдирд╢реЙрдЯ


screenshot_1

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдореИрдВрдиреЗ рдЗрд╕рдХрд╛ рдФрд░ рдХреБрдЫ рдЕрдиреНрдп рдорд╛рдорд▓реЛрдВ рдХрд╛ рдкрд░реАрдХреНрд╖рдг рдХрд┐рдпрд╛ рдЬреЛ рдХреНрд░реЛрдо рдХреЗ рдмрд╛рдж рдХреЗ рд╕рдВрд╕реНрдХрд░рдгреЛрдВ (62 рдФрд░ 63) рдкрд░ const dataset рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реИрдВ рдФрд░ рдХреЛрдИ рддреНрд░реБрдЯрд┐ рдирд╣реАрдВ рдорд┐рд▓реА рд╣реИред

рд╕рднреА 3 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдореИрдВрдиреЗ рдЗрд╕рдХрд╛ рдФрд░ рдХреБрдЫ рдЕрдиреНрдп рдорд╛рдорд▓реЛрдВ рдХрд╛ рдкрд░реАрдХреНрд╖рдг рдХрд┐рдпрд╛ рдЬреЛ рдХреНрд░реЛрдо рдХреЗ рдмрд╛рдж рдХреЗ рд╕рдВрд╕реНрдХрд░рдгреЛрдВ (62 рдФрд░ 63) рдкрд░ const dataset рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реИрдВ рдФрд░ рдХреЛрдИ рддреНрд░реБрдЯрд┐ рдирд╣реАрдВ рдорд┐рд▓реА рд╣реИред

рдореЗрд░рд╛ рдорд╛рдирдирд╛ тАЛтАЛрд╣реИ рдХрд┐ рдЗрд╕ рдкреАрдЖрд░ рдХреЗ рд╣рд┐рд╕реНрд╕реЗ рдХреЗ рд░реВрдк рдореЗрдВ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдареАрдХ рдХрд░ рджрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ: #16149

рдкрд░реАрдХреНрд╖рдг рдЕрдм рдПрдХ рдирдП рдлреНрд░реЗрдо рдореЗрдВ рдирд┐рд╖реНрдкрд╛рджрд┐рдд рдХрд┐рдП рдЬрд╛ рд░рд╣реЗ рд╣реИрдВ, рдЬреЛ рдкрд┐рдЫрд▓реЗ рд░рди рдХреЗ рджрд╛рдпрд░реЗ рдХреЗ рд╕рд╛рде рдЯрдХрд░рд╛рд╡ рдХреЛ рд░реЛрдХрддрд╛ рд╣реИред

рд╣рд╛рдБ, рдкреБрд╖реНрдЯрд┐ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдмрд╣реБрдд рдмрд╣реБрдд рдзрдиреНрдпрд╡рд╛рджред

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

jurijuri picture jurijuri  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

raisedadead picture raisedadead  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

Tzahile picture Tzahile  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

EthanDavis picture EthanDavis  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

cmal picture cmal  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ