fix(basic-shapes basic-elements): Display circles svg even if user comes from one of these pages

Id was the same, I guess it's a problem with Ionic pages transition

#1

Author: proustibat

.editorconfig

@@ -7,11 +7,16 @@ root = true
 indent_style = space
 indent_size = 2
 
+# 4 space indentation
+[*.ts]
+indent_style = space
+indent_size = 4
+
 # We recommend you to keep these unchanged
 end_of_line = lf
 charset = utf-8
 trim_trailing_whitespace = true
 insert_final_newline = true
 
 [*.md]
-trim_trailing_whitespace = false
+trim_trailing_whitespace = false

src/pages/basic-elements/basic-elements.html

@@ -10,7 +10,7 @@ <h2>Creating SVG Elements Based on Data</h2>
 
     <div padding>
 
-        <div id="circles"></div>
+        <div id="circles-basic"></div>
 
         <expandable showText="See the code" hideText="Hide the code">
             <textarea ion-prism="javascript">

src/pages/basic-elements/basic-elements.ts

@@ -24,7 +24,7 @@ export class BasicElementsPage {
         let circleRadii = [ 40, 20, 10 ];
 
         // an SVG element to hold the SVG Circles
-        let svgContainer = d3.select( '#circles' ).append( 'svg' )
+        let svgContainer = d3.select( '#circles-basic' ).append( 'svg' )
             .attr( 'width', 300 )
             .attr( 'height', 100 )
             .style( 'border', '1px solid black' );