+ " of the first chapter's first paragraph. ");
paragraph1.add(sb1.toString());
body1.add(paragraph1);
// add SVG graphics area
SVGElement svg = chapter1Doc.createSVGElement("svg");
svg.setAttribute("viewBox", "0 0 400 200");
svg.setClassName("svgimage");
body1.add(svg);
// draw background
SVGElement bg = chapter1Doc.createSVGElement("rect");
bg.setAttribute("x", "1");
bg.setAttribute("y", "1");
bg.setAttribute("width", "398");
bg.setAttribute("height", "198");
bg.setAttribute("stroke", "black");
bg.setAttribute("stroke-width", "2");
bg.setAttribute("fill", "#FFF8EE");
svg.add(bg);
// draw a shape
SVGElement path = chapter1Doc.createSVGElement("path");
path.setAttribute("fill", "none");
path.setAttribute("stroke", "black");
path.setAttribute("stroke-width", "4");
String resistorPath = "M90 120h50l10 20l20-40l20 40l20-40l20 40l20-40l20 40l20-40l20 40l10-20h50";
path.setAttribute("d", resistorPath);
svg.add(path);
// draw a label
SVGElement label1 = chapter1Doc.createSVGElement("text");
label1.setClassName("label1");
label1.setAttribute("x", "150");
label1.setAttribute("y", "60");
label1.add("R = 30\u03A9");
svg.add(label1);
// draw rotated label
SVGElement label2 = chapter1Doc.createSVGElement("text");
label2.setClassName("label2");
label2.setAttribute("transform", "translate(40 110)rotate(-75)");
SVGElement t1 = chapter1Doc.createSVGElement("tspan");
t1.setAttribute("fill", "red");
t1.add("S");
label2.add(t1);
SVGElement t2 = chapter1Doc.createSVGElement("tspan");
t2.setAttribute("fill", "green");
t2.add("V");
label2.add(t2);
SVGElement t3 = chapter1Doc.createSVGElement("tspan");
t3.setAttribute("fill", "blue");
t3.add("G");
label2.add(t3);
svg.add(label2);
// create a small paragraph to use as a link target
Element target = chapter1Doc.createElement("p");