├── Chapter01 ├── 1-1-hello-world.svg ├── 1-1-image-source.html ├── 1-2-circles.svg ├── 1-2-scaling-svg.html ├── 1-3-gradient.png ├── 1-3-gradient.svg ├── 1-3-scaling-png.html ├── 1-4-css.html ├── 1-5-css-scaled.html ├── 1-6-inline-svg.html ├── 1-7-modernizr.html ├── 1-8-modernizr-javascript.html ├── modernizr-custom.js ├── svg-logo-h.png └── svg-logo-h.svg ├── Chapter02 ├── 2-1-positioning.html ├── 2-10-stroke-dashoffset.html ├── 2-11-stroke-linecap.html ├── 2-12-stroke-linejoin.html ├── 2-13-stroke-opacity.html ├── 2-14-linear-and-radial.html ├── 2-15-pattern.html ├── 2-2-positioning-viewbox-scaled-up.html ├── 2-3-positioning-viewbox-new-values.html ├── 2-4-lines.html ├── 2-5-lines.html ├── 2-5-paths.html ├── 2-6-ellipse.html ├── 2-7-polygon-no-commas.html ├── 2-7-polygon.html ├── 2-8-polyline.html ├── 2-9-stroke-dasharray.html ├── 2-9.5-stroke-dasharray.html ├── draco.jpg ├── happy-inkscape-optimized.svg ├── happy-inkscape.svg ├── happy.ai ├── happy.svg └── x-y-viewbox-preserveAspectRatio.html ├── Chapter03 ├── 3-1-translate.html ├── 3-10-mask.html ├── 3-11-individual-text-boxes.html ├── 3-12-mask-gradients.html ├── 3-13-image.html ├── 3-14-image-with-use.html ├── 3-15-filters.html ├── 3-2-scale.html ├── 3-3-scale - CSS.html ├── 3-4-scale - fixed.html ├── 3-5-rotate.html ├── 3-6-rotation-point.html ├── 3-7-rotation-point.html ├── 3-8-skew.html ├── 3-9-clip.html ├── svg-with-import.svg ├── svg4everybody.min.js └── take-2-central-2017.jpg ├── Chapter04 ├── 4-1-img-src.html ├── 4-2-inline-svg.html ├── 4-3-srcset.html ├── 4-4-srcset-and-sizes.html ├── 4-5-picture-element.html ├── 4-6-svg.html ├── 4-7-picture-element-with-SVG.html ├── apple.svg ├── more-colors-1200.jpg ├── more-colors-1600.jpg ├── more-colors-200.jpg ├── more-colors-400.jpg ├── more-colors-600.jpg ├── more-colors-large.jpg ├── more-colors-small.jpg ├── more-colors-square-200.jpg ├── more-colors-square-200.webp ├── more-colors-square-400.jpg ├── more-colors-square-400.webp ├── more-colors-square-600.jpg ├── more-colors-square-600.webp ├── more-colors-square-800.jpg ├── more-colors-square-800.webp ├── more-colors-square.svg ├── more-colors.jpg ├── more-colors.svg └── picturefill.min.js ├── Chapter05 ├── 5-1-CSS-backgrounds.html ├── 5-10-CSS-misc-properties.html ├── 5-11-CSS-fill-properties.html ├── 5-12-CSS-stroke-properties.1.html ├── 5-13-CSS-text-properties.html ├── 5-14-CSS-clip-properties.html ├── 5-15-CSS-pointer-events.html ├── 5-16-Animating-CSS.html ├── 5-17-Animating-CSS-Clip-Porperties.html ├── 5-18-Animating-multiple-properties.1.html ├── 5-19-CSS-Transitions.html ├── 5-2-CSS-backgrounds-relative.html ├── 5-3-CSS-backgrounds-data-url.html ├── 5-4-font-awesome.html ├── 5-5-font-awesome-SVG-sprite.html ├── 5-6-font-awesome-SVG-sprite-inline.html ├── 5-7-CSS-font-properties.html ├── 5-8-CSS-font-shorthand.html ├── 5-9-CSS-text-properties.html ├── fa-solid.svg ├── font-awesome.min.css ├── fonts │ ├── FontAwesome.otf │ ├── fontawesome-webfont.eot │ ├── fontawesome-webfont.svg │ ├── fontawesome-webfont.ttf │ ├── fontawesome-webfont.woff │ └── fontawesome-webfont.woff2 ├── grid.svg ├── icon.svg ├── mask.svg ├── mask_.svg ├── sprite.svg ├── styles.svg ├── svg4everybody.min.js └── take-2-central-2017.jpg ├── Chapter06 ├── 6-1-SVG-DOM-Access.html ├── 6-2-SVG-DOM-Manipulator.html ├── circle.png ├── square.png └── text.png ├── Chapter07 ├── 7-1-SVG-jQuery-DOM-Manipulator.html ├── 7-2-SVG-Angular-DOM-Manipulator.html ├── angular-svg │ ├── .angular-cli.json │ ├── .editorconfig │ ├── .gitignore │ ├── README.md │ ├── e2e │ │ ├── app.e2e-spec.ts │ │ ├── app.po.ts │ │ └── tsconfig.e2e.json │ ├── karma.conf.js │ ├── package-lock.json │ ├── package.json │ ├── protractor.conf.js │ ├── src │ │ ├── app │ │ │ ├── angular-rect │ │ │ │ ├── angular-rect.component.css │ │ │ │ ├── angular-rect.component.html │ │ │ │ ├── angular-rect.component.spec.ts │ │ │ │ └── angular-rect.component.ts │ │ │ ├── app.component.css │ │ │ ├── app.component.html │ │ │ ├── app.component.spec.ts │ │ │ ├── app.component.ts │ │ │ └── app.module.ts │ │ ├── assets │ │ │ └── .gitkeep │ │ ├── environments │ │ │ ├── environment.prod.ts │ │ │ └── environment.ts │ │ ├── favicon.ico │ │ ├── index.html │ │ ├── main.ts │ │ ├── polyfills.ts │ │ ├── styles.css │ │ ├── test.ts │ │ ├── tsconfig.app.json │ │ ├── tsconfig.spec.json │ │ └── typings.d.ts │ ├── tsconfig.json │ └── tslint.json ├── circle.png ├── react-svg │ ├── .gitignore │ ├── README.md │ ├── config │ │ ├── env.js │ │ ├── jest │ │ │ ├── cssTransform.js │ │ │ └── fileTransform.js │ │ ├── paths.js │ │ ├── polyfills.js │ │ ├── webpack.config.dev.js │ │ ├── webpack.config.prod.js │ │ └── webpackDevServer.config.js │ ├── package-lock.json │ ├── package.json │ ├── public │ │ ├── favicon.ico │ │ ├── index.html │ │ └── manifest.json │ ├── scripts │ │ ├── build.js │ │ ├── start.js │ │ └── test.js │ ├── src │ │ ├── App.css │ │ ├── App.js │ │ ├── App.test.js │ │ ├── index.css │ │ ├── index.js │ │ ├── rect.js │ │ └── registerServiceWorker.js │ └── yarn.lock ├── square.png └── text.png ├── Chapter08 ├── .eslintrc.js ├── 8-1.html ├── 8-2-animating-svg-with-js.html ├── 8-3-animating-svg-with-CSS.html ├── 8-3.3-animating-svg-with-CSS.html ├── 8-3.5-animating-svg-with-CSS.html ├── 8-4-animating-svg-with-smil.html ├── gsap │ ├── 1.html │ ├── 2.html │ ├── package-lock.json │ └── package.json ├── scripts.js └── vivus │ ├── 1.html │ ├── 2.html │ ├── index.html │ ├── package-lock.json │ └── package.json ├── Chapter09 ├── 9-1.html ├── snap.svg │ ├── 9-0-basic-snap-demo.html │ ├── 9-1-animation-with-snap.html │ ├── 9-2-snap-utilities.html │ ├── 9-3-snap-events.html │ ├── 9-4-data-visualization-with-snap.html │ ├── package-lock.json │ ├── package.json │ └── scripts.js └── svg.js │ ├── 9-5-basic-svg-js-demo.html │ ├── 9-6-animation-with-svg-js.html │ ├── 9-7-svg-js-utilities.html │ ├── 9-8-svg-js-events.html │ ├── 9-9-data-visualization-with-svg-js.html │ ├── package-lock.json │ ├── package.json │ └── scripts.js ├── Chapter10 ├── 10-1-getting-started.html ├── 10-1.5-enter-demo.html ├── 10-1.7-enter-demo-existing-text.html ├── 10-1.8-enter-demo-existing-text.html ├── 10-1.9-exit-demo.html ├── 10-2-donut-chart.html ├── 10-3-chord diagram.html ├── _assets │ ├── css │ │ ├── main.css │ │ └── normalize.css │ ├── img │ │ └── .gitignore │ └── js │ │ ├── bar.js │ │ ├── chord.js │ │ └── donut.js ├── data │ ├── canvas.json │ ├── hubway.csv │ ├── simple-trips.json │ ├── stations.json │ ├── svg.json │ ├── top-fifty-comics-data.csv │ └── top-ten.json ├── package-lock.json └── package.json ├── LICENSE └── README.md /Chapter01/1-1-hello-world.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter01/1-1-hello-world.svg -------------------------------------------------------------------------------- /Chapter01/1-1-image-source.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter01/1-1-image-source.html -------------------------------------------------------------------------------- /Chapter01/1-2-circles.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter01/1-2-circles.svg -------------------------------------------------------------------------------- /Chapter01/1-2-scaling-svg.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter01/1-2-scaling-svg.html -------------------------------------------------------------------------------- /Chapter01/1-3-gradient.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter01/1-3-gradient.png -------------------------------------------------------------------------------- /Chapter01/1-3-gradient.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter01/1-3-gradient.svg -------------------------------------------------------------------------------- /Chapter01/1-3-scaling-png.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter01/1-3-scaling-png.html -------------------------------------------------------------------------------- /Chapter01/1-4-css.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter01/1-4-css.html -------------------------------------------------------------------------------- /Chapter01/1-5-css-scaled.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter01/1-5-css-scaled.html -------------------------------------------------------------------------------- /Chapter01/1-6-inline-svg.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter01/1-6-inline-svg.html -------------------------------------------------------------------------------- /Chapter01/1-7-modernizr.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter01/1-7-modernizr.html -------------------------------------------------------------------------------- /Chapter01/1-8-modernizr-javascript.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter01/1-8-modernizr-javascript.html -------------------------------------------------------------------------------- /Chapter01/modernizr-custom.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter01/modernizr-custom.js -------------------------------------------------------------------------------- /Chapter01/svg-logo-h.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter01/svg-logo-h.png -------------------------------------------------------------------------------- /Chapter01/svg-logo-h.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter01/svg-logo-h.svg -------------------------------------------------------------------------------- /Chapter02/2-1-positioning.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter02/2-1-positioning.html -------------------------------------------------------------------------------- /Chapter02/2-10-stroke-dashoffset.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter02/2-10-stroke-dashoffset.html -------------------------------------------------------------------------------- /Chapter02/2-11-stroke-linecap.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter02/2-11-stroke-linecap.html -------------------------------------------------------------------------------- /Chapter02/2-12-stroke-linejoin.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter02/2-12-stroke-linejoin.html -------------------------------------------------------------------------------- /Chapter02/2-13-stroke-opacity.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter02/2-13-stroke-opacity.html -------------------------------------------------------------------------------- /Chapter02/2-14-linear-and-radial.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter02/2-14-linear-and-radial.html -------------------------------------------------------------------------------- /Chapter02/2-15-pattern.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter02/2-15-pattern.html -------------------------------------------------------------------------------- /Chapter02/2-2-positioning-viewbox-scaled-up.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter02/2-2-positioning-viewbox-scaled-up.html -------------------------------------------------------------------------------- /Chapter02/2-3-positioning-viewbox-new-values.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter02/2-3-positioning-viewbox-new-values.html -------------------------------------------------------------------------------- /Chapter02/2-4-lines.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter02/2-4-lines.html -------------------------------------------------------------------------------- /Chapter02/2-5-lines.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter02/2-5-lines.html -------------------------------------------------------------------------------- /Chapter02/2-5-paths.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter02/2-5-paths.html -------------------------------------------------------------------------------- /Chapter02/2-6-ellipse.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter02/2-6-ellipse.html -------------------------------------------------------------------------------- /Chapter02/2-7-polygon-no-commas.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter02/2-7-polygon-no-commas.html -------------------------------------------------------------------------------- /Chapter02/2-7-polygon.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter02/2-7-polygon.html -------------------------------------------------------------------------------- /Chapter02/2-8-polyline.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter02/2-8-polyline.html -------------------------------------------------------------------------------- /Chapter02/2-9-stroke-dasharray.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter02/2-9-stroke-dasharray.html -------------------------------------------------------------------------------- /Chapter02/2-9.5-stroke-dasharray.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter02/2-9.5-stroke-dasharray.html -------------------------------------------------------------------------------- /Chapter02/draco.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter02/draco.jpg -------------------------------------------------------------------------------- /Chapter02/happy-inkscape-optimized.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter02/happy-inkscape-optimized.svg -------------------------------------------------------------------------------- /Chapter02/happy-inkscape.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter02/happy-inkscape.svg -------------------------------------------------------------------------------- /Chapter02/happy.ai: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter02/happy.ai -------------------------------------------------------------------------------- /Chapter02/happy.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter02/happy.svg -------------------------------------------------------------------------------- /Chapter02/x-y-viewbox-preserveAspectRatio.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter02/x-y-viewbox-preserveAspectRatio.html -------------------------------------------------------------------------------- /Chapter03/3-1-translate.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter03/3-1-translate.html -------------------------------------------------------------------------------- /Chapter03/3-10-mask.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter03/3-10-mask.html -------------------------------------------------------------------------------- /Chapter03/3-11-individual-text-boxes.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter03/3-11-individual-text-boxes.html -------------------------------------------------------------------------------- /Chapter03/3-12-mask-gradients.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter03/3-12-mask-gradients.html -------------------------------------------------------------------------------- /Chapter03/3-13-image.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter03/3-13-image.html -------------------------------------------------------------------------------- /Chapter03/3-14-image-with-use.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter03/3-14-image-with-use.html -------------------------------------------------------------------------------- /Chapter03/3-15-filters.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter03/3-15-filters.html -------------------------------------------------------------------------------- /Chapter03/3-2-scale.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter03/3-2-scale.html -------------------------------------------------------------------------------- /Chapter03/3-3-scale - CSS.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter03/3-3-scale - CSS.html -------------------------------------------------------------------------------- /Chapter03/3-4-scale - fixed.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter03/3-4-scale - fixed.html -------------------------------------------------------------------------------- /Chapter03/3-5-rotate.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter03/3-5-rotate.html -------------------------------------------------------------------------------- /Chapter03/3-6-rotation-point.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter03/3-6-rotation-point.html -------------------------------------------------------------------------------- /Chapter03/3-7-rotation-point.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter03/3-7-rotation-point.html -------------------------------------------------------------------------------- /Chapter03/3-8-skew.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter03/3-8-skew.html -------------------------------------------------------------------------------- /Chapter03/3-9-clip.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter03/3-9-clip.html -------------------------------------------------------------------------------- /Chapter03/svg-with-import.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter03/svg-with-import.svg -------------------------------------------------------------------------------- /Chapter03/svg4everybody.min.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter03/svg4everybody.min.js -------------------------------------------------------------------------------- /Chapter03/take-2-central-2017.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter03/take-2-central-2017.jpg -------------------------------------------------------------------------------- /Chapter04/4-1-img-src.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter04/4-1-img-src.html -------------------------------------------------------------------------------- /Chapter04/4-2-inline-svg.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter04/4-2-inline-svg.html -------------------------------------------------------------------------------- /Chapter04/4-3-srcset.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter04/4-3-srcset.html -------------------------------------------------------------------------------- /Chapter04/4-4-srcset-and-sizes.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter04/4-4-srcset-and-sizes.html -------------------------------------------------------------------------------- /Chapter04/4-5-picture-element.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter04/4-5-picture-element.html -------------------------------------------------------------------------------- /Chapter04/4-6-svg.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter04/4-6-svg.html -------------------------------------------------------------------------------- /Chapter04/4-7-picture-element-with-SVG.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter04/4-7-picture-element-with-SVG.html -------------------------------------------------------------------------------- /Chapter04/apple.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter04/apple.svg -------------------------------------------------------------------------------- /Chapter04/more-colors-1200.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter04/more-colors-1200.jpg -------------------------------------------------------------------------------- /Chapter04/more-colors-1600.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter04/more-colors-1600.jpg -------------------------------------------------------------------------------- /Chapter04/more-colors-200.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter04/more-colors-200.jpg -------------------------------------------------------------------------------- /Chapter04/more-colors-400.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter04/more-colors-400.jpg -------------------------------------------------------------------------------- /Chapter04/more-colors-600.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter04/more-colors-600.jpg -------------------------------------------------------------------------------- /Chapter04/more-colors-large.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter04/more-colors-large.jpg -------------------------------------------------------------------------------- /Chapter04/more-colors-small.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter04/more-colors-small.jpg -------------------------------------------------------------------------------- /Chapter04/more-colors-square-200.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter04/more-colors-square-200.jpg -------------------------------------------------------------------------------- /Chapter04/more-colors-square-200.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter04/more-colors-square-200.webp -------------------------------------------------------------------------------- /Chapter04/more-colors-square-400.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter04/more-colors-square-400.jpg -------------------------------------------------------------------------------- /Chapter04/more-colors-square-400.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter04/more-colors-square-400.webp -------------------------------------------------------------------------------- /Chapter04/more-colors-square-600.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter04/more-colors-square-600.jpg -------------------------------------------------------------------------------- /Chapter04/more-colors-square-600.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter04/more-colors-square-600.webp -------------------------------------------------------------------------------- /Chapter04/more-colors-square-800.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter04/more-colors-square-800.jpg -------------------------------------------------------------------------------- /Chapter04/more-colors-square-800.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter04/more-colors-square-800.webp -------------------------------------------------------------------------------- /Chapter04/more-colors-square.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter04/more-colors-square.svg -------------------------------------------------------------------------------- /Chapter04/more-colors.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter04/more-colors.jpg -------------------------------------------------------------------------------- /Chapter04/more-colors.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter04/more-colors.svg -------------------------------------------------------------------------------- /Chapter04/picturefill.min.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter04/picturefill.min.js -------------------------------------------------------------------------------- /Chapter05/5-1-CSS-backgrounds.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter05/5-1-CSS-backgrounds.html -------------------------------------------------------------------------------- /Chapter05/5-10-CSS-misc-properties.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter05/5-10-CSS-misc-properties.html -------------------------------------------------------------------------------- /Chapter05/5-11-CSS-fill-properties.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter05/5-11-CSS-fill-properties.html -------------------------------------------------------------------------------- /Chapter05/5-12-CSS-stroke-properties.1.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter05/5-12-CSS-stroke-properties.1.html -------------------------------------------------------------------------------- /Chapter05/5-13-CSS-text-properties.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter05/5-13-CSS-text-properties.html -------------------------------------------------------------------------------- /Chapter05/5-14-CSS-clip-properties.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter05/5-14-CSS-clip-properties.html -------------------------------------------------------------------------------- /Chapter05/5-15-CSS-pointer-events.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter05/5-15-CSS-pointer-events.html -------------------------------------------------------------------------------- /Chapter05/5-16-Animating-CSS.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter05/5-16-Animating-CSS.html -------------------------------------------------------------------------------- /Chapter05/5-17-Animating-CSS-Clip-Porperties.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter05/5-17-Animating-CSS-Clip-Porperties.html -------------------------------------------------------------------------------- /Chapter05/5-18-Animating-multiple-properties.1.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter05/5-18-Animating-multiple-properties.1.html -------------------------------------------------------------------------------- /Chapter05/5-19-CSS-Transitions.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter05/5-19-CSS-Transitions.html -------------------------------------------------------------------------------- /Chapter05/5-2-CSS-backgrounds-relative.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter05/5-2-CSS-backgrounds-relative.html -------------------------------------------------------------------------------- /Chapter05/5-3-CSS-backgrounds-data-url.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter05/5-3-CSS-backgrounds-data-url.html -------------------------------------------------------------------------------- /Chapter05/5-4-font-awesome.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter05/5-4-font-awesome.html -------------------------------------------------------------------------------- /Chapter05/5-5-font-awesome-SVG-sprite.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter05/5-5-font-awesome-SVG-sprite.html -------------------------------------------------------------------------------- /Chapter05/5-6-font-awesome-SVG-sprite-inline.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter05/5-6-font-awesome-SVG-sprite-inline.html -------------------------------------------------------------------------------- /Chapter05/5-7-CSS-font-properties.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter05/5-7-CSS-font-properties.html -------------------------------------------------------------------------------- /Chapter05/5-8-CSS-font-shorthand.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter05/5-8-CSS-font-shorthand.html -------------------------------------------------------------------------------- /Chapter05/5-9-CSS-text-properties.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter05/5-9-CSS-text-properties.html -------------------------------------------------------------------------------- /Chapter05/fa-solid.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter05/fa-solid.svg -------------------------------------------------------------------------------- /Chapter05/font-awesome.min.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter05/font-awesome.min.css -------------------------------------------------------------------------------- /Chapter05/fonts/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter05/fonts/FontAwesome.otf -------------------------------------------------------------------------------- /Chapter05/fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter05/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /Chapter05/fonts/fontawesome-webfont.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter05/fonts/fontawesome-webfont.svg -------------------------------------------------------------------------------- /Chapter05/fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter05/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /Chapter05/fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter05/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /Chapter05/fonts/fontawesome-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter05/fonts/fontawesome-webfont.woff2 -------------------------------------------------------------------------------- /Chapter05/grid.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter05/grid.svg -------------------------------------------------------------------------------- /Chapter05/icon.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter05/icon.svg -------------------------------------------------------------------------------- /Chapter05/mask.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter05/mask.svg -------------------------------------------------------------------------------- /Chapter05/mask_.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter05/mask_.svg -------------------------------------------------------------------------------- /Chapter05/sprite.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter05/sprite.svg -------------------------------------------------------------------------------- /Chapter05/styles.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter05/styles.svg -------------------------------------------------------------------------------- /Chapter05/svg4everybody.min.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter05/svg4everybody.min.js -------------------------------------------------------------------------------- /Chapter05/take-2-central-2017.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter05/take-2-central-2017.jpg -------------------------------------------------------------------------------- /Chapter06/6-1-SVG-DOM-Access.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter06/6-1-SVG-DOM-Access.html -------------------------------------------------------------------------------- /Chapter06/6-2-SVG-DOM-Manipulator.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter06/6-2-SVG-DOM-Manipulator.html -------------------------------------------------------------------------------- /Chapter06/circle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter06/circle.png -------------------------------------------------------------------------------- /Chapter06/square.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter06/square.png -------------------------------------------------------------------------------- /Chapter06/text.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter06/text.png -------------------------------------------------------------------------------- /Chapter07/7-1-SVG-jQuery-DOM-Manipulator.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/7-1-SVG-jQuery-DOM-Manipulator.html -------------------------------------------------------------------------------- /Chapter07/7-2-SVG-Angular-DOM-Manipulator.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/7-2-SVG-Angular-DOM-Manipulator.html -------------------------------------------------------------------------------- /Chapter07/angular-svg/.angular-cli.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/angular-svg/.angular-cli.json -------------------------------------------------------------------------------- /Chapter07/angular-svg/.editorconfig: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/angular-svg/.editorconfig -------------------------------------------------------------------------------- /Chapter07/angular-svg/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/angular-svg/.gitignore -------------------------------------------------------------------------------- /Chapter07/angular-svg/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/angular-svg/README.md -------------------------------------------------------------------------------- /Chapter07/angular-svg/e2e/app.e2e-spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/angular-svg/e2e/app.e2e-spec.ts -------------------------------------------------------------------------------- /Chapter07/angular-svg/e2e/app.po.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/angular-svg/e2e/app.po.ts -------------------------------------------------------------------------------- /Chapter07/angular-svg/e2e/tsconfig.e2e.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/angular-svg/e2e/tsconfig.e2e.json -------------------------------------------------------------------------------- /Chapter07/angular-svg/karma.conf.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/angular-svg/karma.conf.js -------------------------------------------------------------------------------- /Chapter07/angular-svg/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/angular-svg/package-lock.json -------------------------------------------------------------------------------- /Chapter07/angular-svg/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/angular-svg/package.json -------------------------------------------------------------------------------- /Chapter07/angular-svg/protractor.conf.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/angular-svg/protractor.conf.js -------------------------------------------------------------------------------- /Chapter07/angular-svg/src/app/angular-rect/angular-rect.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /Chapter07/angular-svg/src/app/angular-rect/angular-rect.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/angular-svg/src/app/angular-rect/angular-rect.component.html -------------------------------------------------------------------------------- /Chapter07/angular-svg/src/app/angular-rect/angular-rect.component.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/angular-svg/src/app/angular-rect/angular-rect.component.spec.ts -------------------------------------------------------------------------------- /Chapter07/angular-svg/src/app/angular-rect/angular-rect.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/angular-svg/src/app/angular-rect/angular-rect.component.ts -------------------------------------------------------------------------------- /Chapter07/angular-svg/src/app/app.component.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /Chapter07/angular-svg/src/app/app.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/angular-svg/src/app/app.component.html -------------------------------------------------------------------------------- /Chapter07/angular-svg/src/app/app.component.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/angular-svg/src/app/app.component.spec.ts -------------------------------------------------------------------------------- /Chapter07/angular-svg/src/app/app.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/angular-svg/src/app/app.component.ts -------------------------------------------------------------------------------- /Chapter07/angular-svg/src/app/app.module.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/angular-svg/src/app/app.module.ts -------------------------------------------------------------------------------- /Chapter07/angular-svg/src/assets/.gitkeep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /Chapter07/angular-svg/src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /Chapter07/angular-svg/src/environments/environment.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/angular-svg/src/environments/environment.ts -------------------------------------------------------------------------------- /Chapter07/angular-svg/src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/angular-svg/src/favicon.ico -------------------------------------------------------------------------------- /Chapter07/angular-svg/src/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/angular-svg/src/index.html -------------------------------------------------------------------------------- /Chapter07/angular-svg/src/main.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/angular-svg/src/main.ts -------------------------------------------------------------------------------- /Chapter07/angular-svg/src/polyfills.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/angular-svg/src/polyfills.ts -------------------------------------------------------------------------------- /Chapter07/angular-svg/src/styles.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /Chapter07/angular-svg/src/test.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/angular-svg/src/test.ts -------------------------------------------------------------------------------- /Chapter07/angular-svg/src/tsconfig.app.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/angular-svg/src/tsconfig.app.json -------------------------------------------------------------------------------- /Chapter07/angular-svg/src/tsconfig.spec.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/angular-svg/src/tsconfig.spec.json -------------------------------------------------------------------------------- /Chapter07/angular-svg/src/typings.d.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/angular-svg/src/typings.d.ts -------------------------------------------------------------------------------- /Chapter07/angular-svg/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/angular-svg/tsconfig.json -------------------------------------------------------------------------------- /Chapter07/angular-svg/tslint.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/angular-svg/tslint.json -------------------------------------------------------------------------------- /Chapter07/circle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/circle.png -------------------------------------------------------------------------------- /Chapter07/react-svg/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/react-svg/.gitignore -------------------------------------------------------------------------------- /Chapter07/react-svg/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/react-svg/README.md -------------------------------------------------------------------------------- /Chapter07/react-svg/config/env.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/react-svg/config/env.js -------------------------------------------------------------------------------- /Chapter07/react-svg/config/jest/cssTransform.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/react-svg/config/jest/cssTransform.js -------------------------------------------------------------------------------- /Chapter07/react-svg/config/jest/fileTransform.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/react-svg/config/jest/fileTransform.js -------------------------------------------------------------------------------- /Chapter07/react-svg/config/paths.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/react-svg/config/paths.js -------------------------------------------------------------------------------- /Chapter07/react-svg/config/polyfills.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/react-svg/config/polyfills.js -------------------------------------------------------------------------------- /Chapter07/react-svg/config/webpack.config.dev.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/react-svg/config/webpack.config.dev.js -------------------------------------------------------------------------------- /Chapter07/react-svg/config/webpack.config.prod.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/react-svg/config/webpack.config.prod.js -------------------------------------------------------------------------------- /Chapter07/react-svg/config/webpackDevServer.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/react-svg/config/webpackDevServer.config.js -------------------------------------------------------------------------------- /Chapter07/react-svg/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/react-svg/package-lock.json -------------------------------------------------------------------------------- /Chapter07/react-svg/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/react-svg/package.json -------------------------------------------------------------------------------- /Chapter07/react-svg/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/react-svg/public/favicon.ico -------------------------------------------------------------------------------- /Chapter07/react-svg/public/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/react-svg/public/index.html -------------------------------------------------------------------------------- /Chapter07/react-svg/public/manifest.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/react-svg/public/manifest.json -------------------------------------------------------------------------------- /Chapter07/react-svg/scripts/build.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/react-svg/scripts/build.js -------------------------------------------------------------------------------- /Chapter07/react-svg/scripts/start.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/react-svg/scripts/start.js -------------------------------------------------------------------------------- /Chapter07/react-svg/scripts/test.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/react-svg/scripts/test.js -------------------------------------------------------------------------------- /Chapter07/react-svg/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/react-svg/src/App.css -------------------------------------------------------------------------------- /Chapter07/react-svg/src/App.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/react-svg/src/App.js -------------------------------------------------------------------------------- /Chapter07/react-svg/src/App.test.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/react-svg/src/App.test.js -------------------------------------------------------------------------------- /Chapter07/react-svg/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/react-svg/src/index.css -------------------------------------------------------------------------------- /Chapter07/react-svg/src/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/react-svg/src/index.js -------------------------------------------------------------------------------- /Chapter07/react-svg/src/rect.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/react-svg/src/rect.js -------------------------------------------------------------------------------- /Chapter07/react-svg/src/registerServiceWorker.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/react-svg/src/registerServiceWorker.js -------------------------------------------------------------------------------- /Chapter07/react-svg/yarn.lock: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/react-svg/yarn.lock -------------------------------------------------------------------------------- /Chapter07/square.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/square.png -------------------------------------------------------------------------------- /Chapter07/text.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter07/text.png -------------------------------------------------------------------------------- /Chapter08/.eslintrc.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter08/.eslintrc.js -------------------------------------------------------------------------------- /Chapter08/8-1.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter08/8-1.html -------------------------------------------------------------------------------- /Chapter08/8-2-animating-svg-with-js.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter08/8-2-animating-svg-with-js.html -------------------------------------------------------------------------------- /Chapter08/8-3-animating-svg-with-CSS.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter08/8-3-animating-svg-with-CSS.html -------------------------------------------------------------------------------- /Chapter08/8-3.3-animating-svg-with-CSS.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter08/8-3.3-animating-svg-with-CSS.html -------------------------------------------------------------------------------- /Chapter08/8-3.5-animating-svg-with-CSS.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter08/8-3.5-animating-svg-with-CSS.html -------------------------------------------------------------------------------- /Chapter08/8-4-animating-svg-with-smil.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter08/8-4-animating-svg-with-smil.html -------------------------------------------------------------------------------- /Chapter08/gsap/1.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter08/gsap/1.html -------------------------------------------------------------------------------- /Chapter08/gsap/2.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter08/gsap/2.html -------------------------------------------------------------------------------- /Chapter08/gsap/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter08/gsap/package-lock.json -------------------------------------------------------------------------------- /Chapter08/gsap/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter08/gsap/package.json -------------------------------------------------------------------------------- /Chapter08/scripts.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter08/scripts.js -------------------------------------------------------------------------------- /Chapter08/vivus/1.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter08/vivus/1.html -------------------------------------------------------------------------------- /Chapter08/vivus/2.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter08/vivus/2.html -------------------------------------------------------------------------------- /Chapter08/vivus/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter08/vivus/index.html -------------------------------------------------------------------------------- /Chapter08/vivus/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter08/vivus/package-lock.json -------------------------------------------------------------------------------- /Chapter08/vivus/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter08/vivus/package.json -------------------------------------------------------------------------------- /Chapter09/9-1.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter09/9-1.html -------------------------------------------------------------------------------- /Chapter09/snap.svg/9-0-basic-snap-demo.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter09/snap.svg/9-0-basic-snap-demo.html -------------------------------------------------------------------------------- /Chapter09/snap.svg/9-1-animation-with-snap.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter09/snap.svg/9-1-animation-with-snap.html -------------------------------------------------------------------------------- /Chapter09/snap.svg/9-2-snap-utilities.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter09/snap.svg/9-2-snap-utilities.html -------------------------------------------------------------------------------- /Chapter09/snap.svg/9-3-snap-events.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter09/snap.svg/9-3-snap-events.html -------------------------------------------------------------------------------- /Chapter09/snap.svg/9-4-data-visualization-with-snap.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter09/snap.svg/9-4-data-visualization-with-snap.html -------------------------------------------------------------------------------- /Chapter09/snap.svg/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter09/snap.svg/package-lock.json -------------------------------------------------------------------------------- /Chapter09/snap.svg/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter09/snap.svg/package.json -------------------------------------------------------------------------------- /Chapter09/snap.svg/scripts.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter09/snap.svg/scripts.js -------------------------------------------------------------------------------- /Chapter09/svg.js/9-5-basic-svg-js-demo.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter09/svg.js/9-5-basic-svg-js-demo.html -------------------------------------------------------------------------------- /Chapter09/svg.js/9-6-animation-with-svg-js.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter09/svg.js/9-6-animation-with-svg-js.html -------------------------------------------------------------------------------- /Chapter09/svg.js/9-7-svg-js-utilities.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter09/svg.js/9-7-svg-js-utilities.html -------------------------------------------------------------------------------- /Chapter09/svg.js/9-8-svg-js-events.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter09/svg.js/9-8-svg-js-events.html -------------------------------------------------------------------------------- /Chapter09/svg.js/9-9-data-visualization-with-svg-js.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter09/svg.js/9-9-data-visualization-with-svg-js.html -------------------------------------------------------------------------------- /Chapter09/svg.js/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter09/svg.js/package-lock.json -------------------------------------------------------------------------------- /Chapter09/svg.js/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter09/svg.js/package.json -------------------------------------------------------------------------------- /Chapter09/svg.js/scripts.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter09/svg.js/scripts.js -------------------------------------------------------------------------------- /Chapter10/10-1-getting-started.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter10/10-1-getting-started.html -------------------------------------------------------------------------------- /Chapter10/10-1.5-enter-demo.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter10/10-1.5-enter-demo.html -------------------------------------------------------------------------------- /Chapter10/10-1.7-enter-demo-existing-text.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter10/10-1.7-enter-demo-existing-text.html -------------------------------------------------------------------------------- /Chapter10/10-1.8-enter-demo-existing-text.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter10/10-1.8-enter-demo-existing-text.html -------------------------------------------------------------------------------- /Chapter10/10-1.9-exit-demo.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter10/10-1.9-exit-demo.html -------------------------------------------------------------------------------- /Chapter10/10-2-donut-chart.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter10/10-2-donut-chart.html -------------------------------------------------------------------------------- /Chapter10/10-3-chord diagram.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter10/10-3-chord diagram.html -------------------------------------------------------------------------------- /Chapter10/_assets/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter10/_assets/css/main.css -------------------------------------------------------------------------------- /Chapter10/_assets/css/normalize.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter10/_assets/css/normalize.css -------------------------------------------------------------------------------- /Chapter10/_assets/img/.gitignore: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /Chapter10/_assets/js/bar.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter10/_assets/js/bar.js -------------------------------------------------------------------------------- /Chapter10/_assets/js/chord.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter10/_assets/js/chord.js -------------------------------------------------------------------------------- /Chapter10/_assets/js/donut.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter10/_assets/js/donut.js -------------------------------------------------------------------------------- /Chapter10/data/canvas.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter10/data/canvas.json -------------------------------------------------------------------------------- /Chapter10/data/hubway.csv: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter10/data/hubway.csv -------------------------------------------------------------------------------- /Chapter10/data/simple-trips.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter10/data/simple-trips.json -------------------------------------------------------------------------------- /Chapter10/data/stations.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter10/data/stations.json -------------------------------------------------------------------------------- /Chapter10/data/svg.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter10/data/svg.json -------------------------------------------------------------------------------- /Chapter10/data/top-fifty-comics-data.csv: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter10/data/top-fifty-comics-data.csv -------------------------------------------------------------------------------- /Chapter10/data/top-ten.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter10/data/top-ten.json -------------------------------------------------------------------------------- /Chapter10/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter10/package-lock.json -------------------------------------------------------------------------------- /Chapter10/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/Chapter10/package.json -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PacktPublishing/Mastering-SVG/HEAD/README.md --------------------------------------------------------------------------------