---
id: 587d7fa8367417b2b2512bcc
title: Display Shapes with SVG
required:
- src: 'https://cdnjs.cloudflare.com/ajax/libs/d3/4.3.0/d3.min.js'
challengeType: 6
videoUrl: ''
localeTitle: Отображать фигуры с помощью SVG
---
## Description
undefined
## Instructions
Добавьте rect форму в svg используя append() , и присвойте ему атрибут width 25 и атрибут height 100. Также дайте атрибутам rect x и y каждый из которых установлен в 0.
## Tests
```yml
tests:
- text: В вашем документе должен быть 1 элемент rect .
testString: 'assert($("rect").length == 1, "Your document should have 1 rect element.");'
- text: Элемент rect должен иметь атрибут width равный 25.
testString: 'assert($("rect").attr("width") == "25", "The rect element should have a width attribute set to 25.");'
- text: Элемент rect должен иметь атрибут height равный 100.
testString: 'assert($("rect").attr("height") == "100", "The rect element should have a height attribute set to 100.");'
- text: Элемент rect должен иметь атрибут x равный 0.
testString: 'assert($("rect").attr("x") == "0", "The rect element should have an x attribute set to 0.");'
- text: ''
testString: 'assert($("rect").attr("y") == "0", "The rect element should have a y attribute set to 0.");'
```
## Challenge Seed
## Solution
```js
// solution required
```