Dynamic scalable vector graphics (SVG) system and methods for implementing the same

A dynamic Scalable Vector Graphics (SVG) system, comprising:

• at least one hardware-based processor and memory, wherein the memory comprises processor-executable instructions encoded on a non-transient processor-readable media, wherein the processor-executable instructions, when executed by the hardware-based processor to render an interactive software-product demonstration presentation for an envisioned software product within a webpage, are configurable to cause:
• loading an SVG file exported from a graphics software of a user interface (UI) design tool, wherein the SVG file comprises:
• objects with attributes named in a particular way;
• executing a script to digest the SVG file by:
• querying for any target objects within the SVG file having at least one of:
• particular attributes named in a target format each having contents that provide instructions for generating part of a final SVG file and particular tag names, wherein the attributes include a first found attribute;
• for each of the target objects:
• calling one or more methods that are used to modify that target object based on at least one of:
• a first found tag name, the first found attribute, and contents of the first found attribute;
• and using the called one or more methods to manipulate one or more of attributes and contents of that target object to modify that target object and generate a manipulated object based on the contents of the first found attribute that provide instructions for generating part of the final SVG file, wherein the manipulated object comprises outputs of each called method comprising:
• appropriate contents to be inserted into the SVG file to generate the final SVG file;
• and
• inserting the manipulated objects with the appropriate contents into the SVG file to generate the final SVG file, wherein the appropriate contents are determined based on the contents of the first found attribute.

A computing system comprising at least one hardware-based processor and memory, wherein the memory comprises processor-executable instructions encoded on a non-transient processor-readable media for rendering an interactive software-product demonstration presentation for an envisioned software product within a webpage, wherein the processor-executable instructions, when executed by the processor, are configurable to cause:

• loading an SVG file exported from a graphics software of a user interface (UI) design tool, wherein the SVG file comprises:
• objects with attributes named in a particular way;
• executing a script to digest the SVG file by:
• querying for any target objects within the SVG file having at least one of:
• particular attributes named in a target format each having contents that provide instructions for generating part of a final SVG file and particular tag names, wherein the attributes include a first found attribute;
• for each of the target objects:
• calling one or more methods that are used to modify that target object based on at least one of:
• the first found tag name,the first found attribute, and contents of the first found attribute;
• and using the called one or more methods to manipulate one or more of attributes and contents of that target object to modify that target object and generate a manipulated object based on the contents of the first found attribute that provide instructions for generating part of the final SVG file, wherein the manipulated object comprises outputs of each called method comprising:
• appropriate contents to be inserted into the SVG file to generate the final SVG file;
• and
• inserting the manipulated objects with the appropriate contents into the SVG file to generate the final SVG file, wherein the appropriate contents are determined based on the contents of the first found attribute.