LLMpediaThe first transparent, open encyclopedia generated by LLMs

Scalable Vector Graphics

Generated by DeepSeek V3.2
⚠Note: This article was automatically generated by a large language model (LLM) from purely parametric knowledge (no retrieval). It may contain inaccuracies or hallucinations. This encyclopedia is part of a research project currently under review.
Article Genealogy
Parent: Mermaid (software) Hop 4
Expansion Funnel Raw 42 → Dedup 12 → NER 6 → Enqueued 5
1. Extracted42
2. After dedup12 (None)
3. After NER6 (None)
Rejected: 6 (not NE: 6)
4. Enqueued5 (None)
Similarity rejected: 1
Scalable Vector Graphics
NameScalable Vector Graphics
Extension.svg, .svgz
Mimeimage/svg+xml
Uniform typepublic.svg-image
OwnerWorld Wide Web Consortium
Released04 September 2001
Latest release version1.1 (Second Edition)
Latest release date16 August 2011
GenreVector graphics
Extended fromXML
Standard[https://www.w3.org/TR/SVG/ W3C SVG]

Scalable Vector Graphics is an XML-based vector image format for defining two-dimensional graphics, supporting interactivity and animation. The specification is an open standard developed by the World Wide Web Consortium since 1999. SVG images and their behaviors are defined in XML text files, meaning they can be searched, indexed, scripted, and compressed. As vector graphics, they can be scaled to any size without loss of quality, making them ideal for responsive web design, high-resolution displays, and print media.

Overview

The core principle of SVG is the description of shapes, paths, text, and visual effects using XML syntax, which can be rendered by compatible browsers and software. Unlike raster formats like JPEG or PNG, which store pixel data, SVG defines drawings through mathematical statements, allowing for infinite scalability. This format is natively supported by all major modern web browsers, including Google Chrome, Mozilla Firefox, Apple Safari, and Microsoft Edge. Its integration with other web standards like HTML, CSS, and the Document Object Model allows for dynamic, data-driven graphics.

History

Development of SVG began in the late 1990s, with several companies, including Adobe Systems and Sun Microsystems, submitting proposals to the World Wide Web Consortium. The first draft specification was published in 1999, with SVG 1.0 becoming a W3C Recommendation in 2001. Early adoption was hindered by limited browser support, particularly from Microsoft Internet Explorer. The format gained significant traction in the mid-2000s with the rise of Ajax and rich internet applications, and full, native support arrived with the release of Internet Explorer 9 in 2011. The current widely implemented version is SVG 1.1, with SVG 2.0 under active development.

Features

SVG supports a wide array of graphical features, including basic shapes like rectangles, circles, and ellipses, as well as complex paths defined with Bézier curves. It includes markers, gradients, patterns, clipping paths, and filter effects similar to those in Adobe Photoshop. A key feature is its support for animation through the Synchronized Multimedia Integration Language or via scripting with JavaScript. Text rendering is fully supported, with the ability to use web fonts, and graphical elements can be grouped, styled with CSS, and transformed using operations like translation, rotation, and scaling.

Usage

SVG is extensively used for icons, logos, charts, maps, and user interface elements in web and mobile applications due to its scalability and small file size for simple graphics. Major websites like Wikipedia use SVG for maps and diagrams, while frameworks like D3.js leverage it for creating interactive data visualizations. It is also a common format for design software, including Adobe Illustrator and Inkscape, and finds application in print publishing, cartography, and computer-aided design. The format is crucial for creating graphics that must appear sharp on Retina displays and other high-DPI devices.

File format

An SVG file is a plain text file containing XML markup, which can be edited with any text editor. The structure typically begins with an XML declaration and a root `` element with attributes defining the viewport and XML namespace. Graphical elements are defined as child elements within this root. The format supports both uncompressed (.svg) and Gzip-compressed (.svgz) variants. Styling can be applied via inline attributes, internal CSS style sheets, or external CSS files, providing great flexibility for designers and developers.

SVG is deeply integrated with the modern web platform. It works in conjunction with HTML5 and can be embedded directly within an HTML document. Styling is primarily handled with Cascading Style Sheets, and interactivity is added via the Document Object Model and JavaScript. For animation, it interfaces with the Web Animations API and SMIL. Other related vector graphics formats and languages include Adobe Flash (now deprecated), PostScript, and PDF, though SVG's openness and web-native nature distinguish it. Tools like Apache Batik and libraries like Raphaël provide additional rendering and manipulation capabilities.

Category:Computer file formats Category:Graphics file formats Category:Web technology Category:XML-based standards Category:World Wide Web Consortium standards