From 65bccdb9bdbb1be88509f183f75fe29d22769354 Mon Sep 17 00:00:00 2001 From: James Hogan Date: Tue, 11 Jun 2019 17:48:22 +0100 Subject: [PATCH] provide hints+solution to SVG/D3 Challenge (#29509) * provide hints+solution to SVG/D3 Challenge * fix: removed stub info --- .../learn-about-svg-in-d3/index.md | 31 +++++++++++++++++-- 1 file changed, 28 insertions(+), 3 deletions(-) diff --git a/guide/english/certifications/data-visualization/data-visualization-with-d3/learn-about-svg-in-d3/index.md b/guide/english/certifications/data-visualization/data-visualization-with-d3/learn-about-svg-in-d3/index.md index 45551135a2..e7b0c4f002 100644 --- a/guide/english/certifications/data-visualization/data-visualization-with-d3/learn-about-svg-in-d3/index.md +++ b/guide/english/certifications/data-visualization/data-visualization-with-d3/learn-about-svg-in-d3/index.md @@ -3,8 +3,33 @@ title: Learn About SVG in D3 --- ## Learn About SVG in D3 -This is a stub. Help our community expand it. +### Hint 1 +First ensure that you have appended the SVG node to the document body. You can do this using d3's 'append()' - don't forget to enclose "svg" in quotation marks. -This quick style guide will help ensure your pull request gets accepted. +### Hint 2 +To assign CSS properties to the SVG node - in this case 'width' and 'height' - make use of d3's 'attr()'method. You can use the parameters 'w' and 'h' provided, respectively. - +### Solution (!!SPOILER ALERT!!) + +``` + + + + +```