We're sorry but this page doesn't work properly without JavaScript enabled. Please enable it to continue.
Feedback

SVG is not just for icons, we should treat it like a first-class citizen

00:00

Formal Metadata

Title
SVG is not just for icons, we should treat it like a first-class citizen
Title of Series
Number of Parts
50
Author
License
CC Attribution 3.0 Germany:
You are free to use, adapt and copy, distribute and transmit the work or content in adapted or unchanged form for any legal purpose as long as the work is attributed to the author in the manner specified by the author or licensor.
Identifiers
Publisher
Release Date
Language
Production Year2019

Content Metadata

Subject Area
Genre
Abstract
Most people know SVG just as a format to show icons. Yet it is so much more: there exists a whole ecosystem like the amazing RAWgraphs (made by the Politecnico di Milano university), one of the best tools for infographics and described as the "missing link" between spreadsheets and graphics applications. This is an important focus area for one of Plone's core markets: universities and NGO's that need to present complex information into understandable visualizations, while still fulfilling requirements on accessibility. And hey, they can be animated! The current treatment of SVG in Plone (both classic and Volto) is far from optimal. I will try to make the case that we should do better, first by showing some of the magic you can do with SVG coupled with actual data residing in csv files or Plone-held data, and how this could be a distinguishing feature.
Universe (mathematics)Musical ensembleVector graphicsBitScalabilityVector spaceJSONXMLLecture/Conference
Plane (geometry)Raster graphicsComputer iconMultiplication signTouchscreenSocial classMereologyMetreSelf-organizationNP-hardComputer-assisted translationMedical imagingSign (mathematics)Computer animation
Plane (geometry)Text editorDifferent (Kate Ryan album)Standard deviationComputer fileApproximationConfiguration spaceComputer animation
Visualization (computer graphics)MathematicsFile formatLink (knot theory)DatabaseSoftware
Embedded systemPlane (geometry)State of matterMeeting/Interview
Plane (geometry)InternetworkingClassical physicsHypothesisQuicksortVirtual machineMathematicsInstance (computer science)Multiplication signStandard deviationComputer animationMeeting/InterviewXML
Plane (geometry)TouchscreenSoftwareWeb 2.0Standard deviationScalability
Software testingPlane (geometry)Sanitary sewerElectronic visual displayWeb pageRepresentation (politics)BitTouchscreenProper mapComputer animation
Plane (geometry)InformationGame theoryEvent horizonTerm (mathematics)Internet forumSign (mathematics)IntegerPlot (narrative)Raster graphicsComputer fileUtility softwareComputer animationSource codeXML
Plane (geometry)Sound effectRandomizationCloningDivisorScaling (geometry)Medical imagingMereologyInstance (computer science)NeuroinformatikData conversion
Plane (geometry)Link (knot theory)Gamma functionData conversionVisualization (computer graphics)Office suiteInstance (computer science)Formal languageComputer animation
Plane (geometry)Game theoryVoltmeterHand fanCloningMultiplication signDemo (music)ArmRaster graphicsInformation overloadWeb browser
Computer wormPlane (geometry)OctahedronWeb pageSound effectMedical imagingOnline helpWordElectronic visual displayQuicksortXMLComputer animation
Plane (geometry)Presentation of a groupText editorStandard deviationSource codeComputer animationMeeting/Interview
Plane (geometry)Source codeComputer animation
Plane (geometry)Projective planeConnectivity (graph theory)Computer animation
Plane (geometry)Canadian Mathematical SocietyInformationBlogLengthVisualization (computer graphics)DiagramWebsiteContent (media)Number1 (number)Multiplication signLatent heatDifferent (Kate Ryan album)Type theoryDatabaseInstance (computer science)Meeting/InterviewSource codeComputer animation
Exploratory data analysisMultiplication signCanadian Mathematical SocietySource code
Plane (geometry)Link (knot theory)Component-based software engineeringGraph (mathematics)Connectivity (graph theory)Game controllerGoodness of fitInheritance (object-oriented programming)CodeVisualization (computer graphics)Library (computing)Right angleDependent and independent variablesComputer programmingGraph (mathematics)LaptopSensitivity analysisCloningLink (knot theory)WebsiteInstance (computer science)Text editor
Plane (geometry)InferenceCodePresentation of a groupQuicksortAsynchronous Transfer ModeWeb browserOpen sourceRaw image formatSource codeVirtual machineArtificial lifeSemiconductor memoryMultiplication signCanadian Mathematical SocietyElectronic visual displayNeuroinformatikWell-formed formulaType theoryResultantComputer fileComputer fontUtility softwareMultilaterationProbability density functionBitDependent and independent variablesElectronic mailing listWordGreatest elementFlow separationContent (media)Graph (mathematics)Moment (mathematics)Medical imagingDivision (mathematics)CloningRaster graphicsFile formatAffine spaceTransformation (genetics)Text editorProjective planeWritingProcess (computing)Graphic designInstance (computer science)Form (programming)Basis <Mathematik>Grass (card game)IterationSinc functionGraph (mathematics)Point (geometry)Row (database)InternetworkingCodeVideo gameLecture/Conference
Plane (geometry)Kolmogorov complexityAbstractionSystem programmingVideoconferencingMusical ensembleJSONXMLComputer animation
Transcript: English(auto-generated)