Hi ha alguns tipus diferents d'eines de gràfics disponibles en línia, però les eines de gràfics SVG són sens dubte les millors. No només són gratuïts, sinó que també són fàcils d'utilitzar i produeixen resultats d'alta qualitat. Hi ha algunes maneres diferents de crear gràfics SVG, però la millor manera és utilitzar una eina com Adobe Illustrator. Amb Illustrator, podeu crear els vostres propis gràfics personalitzats o utilitzar una de les moltes plantilles disponibles en línia. Un cop hàgiu creat el vostre gràfic SVG, podeu inserir-lo al vostre lloc web o bloc mitjançant el codi HTML proporcionat. Aquest codi permetrà als vostres visitants veure el gràfic sense haver de descarregar cap programari addicional. Si busqueu una manera de crear gràfics interactius bonics, les eines de gràfics SVG són el camí a seguir. Amb aquestes eines, podeu crear gràfics informatius i visualment atractius.
Si estàs buscant eina de gràfics SVG en línia gratuïta aquesta publicació serà del vostre interès. Aquí enumerarem els millors en línia gratuïts Generador de diagrames SVG llocs web que permeten crear diversos tipus de gràfics en format SVG.
Els dissenyadors prefereixen els gràfics SVG per crear gràfics de marcador de posició per a la seva interfície d'usuari i mostrar gràfics als llocs web. Podeu canviar-los la mida a qualsevol mida i la claredat i la qualitat dels gràfics es mantindran iguals. Hi ha altres avantatges per utilitzar gràfics SVG, com ara que es veuen molt bé a les pantalles Retina, es poden afegir controls interactius i filtres, tenen una mida de fitxer petita, etc.
Ara, utilitzant el generador de gràfics en línia gratuït que apareix, podeu crear fàcilment diferents tipus de gràfics SVG. La majoria d'ells us permeten crear diversos gràfics, com ara línies, barres, àrea, dispersió, donut, radar, pastís, Venn i molts altres. Afegiu els vostres conjunts de dades, configureu les propietats del gràfic, creeu el gràfic i deseu el gràfic SVG. També podeu generar un codi incrustat. Anem a comprovar aquestes eines.
Les millors eines gratuïtes de gràfics SVG en línia
Aquí teniu una llista de les millors eines gratuïtes de diagrames SVG en línia amb les quals podeu crear diagrames SVG per als vostres llocs web:
- MagicPattern.design
- copyicon.com
- ceagon.com
- Paradigma visual
- donuts vg.luckyfox.design
- ChartBlocks.io
- chartgo.com
- codebeautify.org
- destruiràs
- vega
- Metagràfic
- rapidtables.com
- plotvar.com
- Asposeu
1] MagicPattern.design
MagicPattern.design és un lloc en línia gratuït per crear diagrames SVG. Us permet crear diferents tipus de gràfics per a conjunts de dades i després desar-los com a imatges SVG. A més de SVG, també podeu crear gràfics de visualització de dades en formats PNG i JPEG.
Com crear un diagrama SVG amb MagicPattern.design?
Per començar, aneu al seu lloc web i, a continuació, heu d'introduir el vostre conjunt de dades d'entrada. Només cal prémer el botó Importa dades reals botó i, a continuació, introduïu els valors de les dades seguint les instruccions. Després d'això, feu clic al botó 'Importa dades' i es crearà el gràfic corresponent.
Ara podeu començar a personalitzar el vostre gràfic escollint un tipus de gràfic. Admet dos tipus de gràfics que inclouen Línia i Hi ha . Després d'això, podeu editar diversos paràmetres, com ara pendent, mostrar/amagar punts, color, nombre de punts, suavitat, amplada del traç, etc.
Després de personalitzar l'aspecte del gràfic i d'altres propietats, podeu desar-lo SVG format. Per fer-ho, feu clic a Exporta i seleccioneu el format SVG. També podeu seleccionar mides compatibles amb diverses plataformes de xarxes socials, inclòs Facebook , Instagram , Twitter , i LinkedIn . Finalment, feu clic al botó Descarrega i deseu el gràfic com a fitxer SVG.
Aquest és un lloc web senzill de generador de diagrames SVG fàcil d'utilitzar. Vostè pot intentar Aquí . Tanmateix, tingueu en compte que no us permet importar dades de fulls de càlcul existents o d'altres fitxers. Per tant, si voleu crear gràfics SVG amb dades d'un fitxer local, tingueu en compte una de les altres eines d'aquesta llista.
2] Copyicon.com
Copyicon.com és una eina de gràfics SVG que podeu utilitzar gratuïtament. Us permet crear diferents tipus de diagrames SVG, inclosos EN , Donut , Per mesurar , Regió , Columna , Apilades Columna , Hi ha , barra plegada , Línia , Columna i línia , Embut , i Web . Simplement seleccioneu el tipus de gràfic SVG que voleu crear, introduïu el vostre conjunt de dades, personalitzeu el gràfic de sortida i deseu el gràfic com a SVG. Comprovem el procediment ordenat.
Primer, obriu Copyicon.com en un navegador i, a continuació, a la pàgina del generador de gràfics SVG, seleccioneu el tipus de gràfic que voleu crear. Després d'això, introduïu el conjunt de dades del tauler dret. Introduïu els noms i els valors corresponents, inclosos els seus colors, al gràfic. tu també pots copieu i enganxeu les vostres dades del full de càlcul de Google o d'Excel .
A la barra lateral dreta, també podeu personalitzar l'amplada, l'alçada, el títol, el tipus de lletra i altres propietats del gràfic. Quan hàgiu acabat, feu clic al botó de menú de tres barres a la part superior del gràfic SVG generat i seleccioneu Descarrega la imatge vectorial en format SVG opció. També podeu veure el diagrama SVG en mode de pantalla completa.
excel està esperant una altra aplicació per completar una acció ole
Aquest és un bon lloc per crear diagrames SVG. Aneu al seu lloc Aquí utilitzar aquesta eina.
Llegeix: Com convertir PDF a SVG a Windows 11/10?
3] ceagon.com
ceagon.com és un altre lloc web gratuït per crear diagrames SVG. Està especialment dissenyat per als usuaris que tenen dificultats per crear pastís, línies i histogrames precisos a Photoshop. Mostra els tres gràfics en temps real en seqüència sense cap esforç i sense pagar un cèntim.
Obert ceagon.com en un navegador web i desplaceu-vos cap avall fins a controls la secció està present a la barra lateral dreta. Sota Dades secció, afegiu valors de dades fent clic al botó +. Mostra tots els valors en temps real. Ara podeu canviar la mida del gràfic SVG, el traç circular i el gràfic de donuts. Finalment, podeu fer clic al botó Exporta botó a sota dels vostres gràfics i deseu els vostres gràfics SVG localment. és la mateixa genera una URL al gràfic SVG generat.
4] Paradigma visual
Visual Paradigm és un creador de gràfics popular amb el qual podeu crear gràfics SVG en línia. Us permet crear diversos tipus de gràfics, inclosos Barra, Columna, Columna de grup, Gràfics de barres, Donut, Gràfics de roses de rossinyol, Control, Pareto, Radar, Rosa, Targetes perforades de 360, Candeler, Calibre, Trama de blocs, Gràfics de corrent, i Diagrames de Sankey. Podeu crear molts més tipus de diagrames que aquests utilitzant-lo. Fins i tot proporciona diverses plantilles per dibuixar un gràfic SVG específic.
Per utilitzar-lo, aneu-hi lloc d'Internet en un navegador web i seleccioneu el tipus de gràfic que voleu crear. Si voleu utilitzar una plantilla, passeu el cursor per sobre del tipus de gràfic i feu clic Visió general de la plantilla i seleccioneu la plantilla desitjada. En cas contrari, seleccioneu Crear buit opció. Ara podeu crear o editar un full de dades manualment, o fins i tot importar dades des d'Excel o de Google Sheets. Després d'això, podeu editar la sèrie de gràfics, canviar a un tipus de gràfic diferent, editar la configuració i l'aparença del gràfic i molt més.
També us permet establir la interacció per al vostre diagrama. Per exemple, podeu afegir un enllaç web per portar els usuaris a una pàgina web específica quan facin clic al vostre gràfic SVG.
Finalment feu clic a Exporta botó i després seleccioneu Desa com a SVG opció. També podeu desar els vostres diagrames en diversos formats, com ara JPEG, PNG i PDF.
Tingueu en compte que alguns dels seus tipus i plantilles de gràfics estan disponibles per als usuaris premium. Els usuaris gratuïts només poden crear tipus de gràfics limitats amb ell.
Veure: Converteix per lots SVG a PNG amb Inkscape mitjançant un fitxer per lots.
5] donutsvg.luckyfox.design
donutsvg.luckyfox.design és una altra eina de diagramació SVG en línia d'aquesta llista. Aquesta és una eina en línia senzilla per crear gràfics circulars i gràfics en formats d'imatge SVG i PNG.
pots obrir-lo lloc d'Internet i introduïu els valors de les dades mitjançant el botó 'Afegeix un element nou'. Quan afegiu valors, també podeu canviar el codi de color predeterminat per representar aquest valor en concret. Després d'això, personalitzeu el gràfic especificant radi interior , radi exterior , i liquidació . Quan hagis acabat, fes clic a GUARDAR COM botó a la part inferior de la pàgina i seleccioneu SVG opció. Simple, oi?
6] ChartBlocks.io
ChartBlocks.io és una eina de visualització de dades multifuncional amb la qual podeu crear diagrames SVG. Podeu crear diagrames de gràfics vectorials, incrustar diagrames als vostres llocs web i exportar diagrames en diversos formats.
Per utilitzar-lo, heu de registrar un compte i iniciar sessió amb les vostres credencials. Després d'això, feu clic al botó 'Gràfic nou' de la barra d'eines. Ara podeu importar les vostres dades d'un full de càlcul CSV o Excel existent, o bé introduir les vostres dades manualment. A continuació, seleccioneu el tipus de gràfic SVG des del qual voleu crear Columna, línia, quadrat, cercle, i dispersió . A continuació, seleccioneu una o més sèries de dades per representar i feu clic a Següent. Crearà i us mostrarà el diagrama corresponent. Podeu fer clic a descarregar i seleccioneu SVG per desar el diagrama SVG.
També us permet descarregar gràfics PNG, PDF, EPS, PS , i alguns altres formats. A més, podeu compartir l'enllaç de l'URL públic amb altres usuaris per compartir el vostre diagrama SVG. O utilitzeu el codi d'inserció generat als vostres llocs web per mostrar gràfics SVG.
were és la paperera de reciclatge
Llegeix: El millor programari de disseny de gràfics vectorials gratuït per a Windows 11/10.
7] ChartGo.com
ChartGo.com pot ser una altra alternativa al generador de gràfics SVG en línia. Permet crear gràfics d'àrea, barres, línies i sectors en format SVG. A més, podeu desar els vostres diagrames en formats PDF i PNG.
Només ves-hi lloc d'Internet i seleccioneu el tipus de gràfic que voleu crear. Ara podeu obrir un fitxer CSV o Excel per importar dades o introduir dades per als eixos X i Y a la secció Dades del gràfic. A continuació, podeu ajustar les opcions del gràfic, com ara l'amplada, l'alçada, el color de fons, l'orientació de l'etiqueta, el títol, el tipus de lletra, etc. Després d'això, feu clic al botó 'Vista prèvia' per comprovar el gràfic SVG generat. Si tot està bé, feu clic al botó 'Genera gràfic' i descarregueu el gràfic en format SVG.
8] codebeautify.org
També podeu provar codebeautify.org per crear un diagrama SVG en línia. És principalment un minificador de codi. Tanmateix, també podeu crear alguns diagrames SVG amb ell, com ara Línia, diagrama de dispersió, rosquilla, i EN . Podeu anar al seu lloc web Aquí i després ajustar les diferents opcions relacionades amb el gràfic. Introduïu el títol del gràfic, les etiquetes de dades, els valors de les dades, el tipus de valor i el tipus de gràfic. Després d'això, feu clic al botó 'Crea' per crear el gràfic. A continuació, podeu fer clic al botó Carrega > Carrega SVG per exportar el diagrama.
9] Sempre ho faràs
destruiràs és una altra eina gratuïta en línia que es pot utilitzar per crear diagrames SVG. Amb ell, podeu crear diferents tipus de diagrames interactius i desar-los com a imatges SVG. Podeu crear gràfics d'àrea, gràfics de sectors, gràfics de columnes, gràfics de línies, gràfics d'anells, gràfics de columnes i altres tipus de gràfics.
Obriu el seu lloc web al vostre navegador web i seleccioneu Diagrama opció. Després d'això, podeu personalitzar el tipus de gràfic i introduir els vostres valors de dades. Podeu carregar un fitxer Excel o CVS des del vostre ordinador, afegir un enllaç a dades en línia o introduir valors de dades manualment. A continuació, personalitzeu el disseny del gràfic, inclòs el tema del gràfic i, a continuació, afegiu text i anotacions. Finalment, podeu fer clic al botó de menú amb tres barres i prémer el botó Descarrega la imatge vectorial en format SVG opció. També us permet publicar codi per incrustar el gràfic.
Llegeix: Les millors eines i llocs web gratuïts de diagrama de Gantt en línia.
10] Vegas
Vega és una eina de diagramació SVG gratuïta i de codi obert. Us permet crear gràfics de visualització web amb HTML5 Canvas o SVG. Proporciona un editor especial on cal introduir codi JSON per crear un gràfic específic. Podeu utilitzar alguns dels exemples per crear un tipus concret de gràfic. A més, ofereix diversos tutorials per crear diagrames SVG des de zero.
Primer aneu a vega.github.io i després obriu el seu editor. Ara comenceu a escriure ordres al camp de codi i generarà el diagrama corresponent. Podeu fer clic a Exemples i, a continuació, seleccioneu un tipus de gràfic. A continuació, us mostrarà un gràfic de mostra que podeu editar segons les vostres necessitats. Quan hàgiu acabat, premeu el botó Exporta i seleccioneu el format SVG per descarregar el gràfic. També podeu exportar el gràfic a altres formats com HTML, JSON, PDF, etc.
11] Metagràfic
Un altre generador de gràfics SVG bo i fàcil d'utilitzar que podeu utilitzar és Meta-Chart. Obriu el seu lloc web, seleccioneu el tipus de gràfic que voleu crear i trieu un color de fons i una vora. Després d'això, introduïu les vostres dades, inclosos el nom, el valor, els detalls de la sèrie, etc. A continuació, escriviu una descripció del gràfic, inclòs el títol del gràfic, la font i les intercepcions de visualització, i seleccioneu el tipus de lletra desitjat. Aleshores, crearà el vostre diagrama que podeu desar com a SVG. Posa Exporta com a a SVG i feu clic descarregar botó. També podeu generar un URL per al gràfic generat.
Us permet crear diferents tipus de gràfics SVG, com ara gràfics de Venn, gràfics de barres, gràfics de línies, gràfics de barres, gràfics de dispersió, gràfics de caixa i bigotis, gràfics de recompte, etc. Podeu utilitzar-lo. Aquí .
Veure: Creeu gràfics i gràfics animats en línia de forma gratuïta.
12] Rapidtables.com
Rapidtables.com és una col·lecció de diverses eines que també inclou un generador de gràfics SVG. A més, també ofereix eines com ara bloc de notes en línia, mirall en línia, generador de contrasenyes, captura de pantalla en línia i molt més.
Per crear un gràfic SVG, aneu a la seva pàgina Chart Maker. Aquí i seleccioneu un tipus de gràfic. Podeu triar entre gràfics de línies, columnes, sectors, de dispersió i de taula. A continuació, introduïu el títol del gràfic, l'interval d'eixos horitzontal i vertical, el tipus de dades, les etiquetes de dades, el nombre de files, els valors de dades, la mida del punt, la posició de la llegenda, etc. A partir de les dades introduïdes i de les propietats del gràfic, es crearà un gràfic corresponent. Ara podeu fer clic al botó Desa com a SVG botó a sobre del diagrama i descarregueu el diagrama generat en format SVG.
13] Plotvar.com
Una altra opció que podeu utilitzar és Plotvar.com. Utilitzant-lo, podeu crear diagrames SVG i compartir-los amb altres usuaris mitjançant un enllaç. Us permet crear un gràfic de línies, barres o sectors, i també us permet crear un gràfic dinàmic en temps real.
Primer aneu a lloc Plotvar en un navegador web i, a continuació, seleccioneu el tipus de gràfic que voleu crear. Ara introduïu el títol del gràfic, les etiquetes dels eixos, el nom de la sèrie i els valors de les dades. Quan hagis acabat, fes clic al botó Genera i es generarà un gràfic. A continuació, podeu fer clic al botó 'Descarrega' i desar el gràfic com a SVG.
Veure: Eines en línia gratuïtes per crear gràfics circulars i gràfics de barres.
14] Aspose
Aspose és un lloc web que conté diverses eines útils, com ara convertidors de fitxers, visualitzadors de fitxers, eina de marca d'aigua, creador de diagrames de flux, etc. També ofereix un creador de diagrames en línia que us permet crear diagrames SVG. Amb aquesta eina en línia, podeu crear una línia (plana o suavitzada), de barres, d'àrea o de sectors.
Només cal que obriu la pàgina Chart Maker al vostre navegador i seleccioneu el tipus de gràfic SVG que voleu crear. Després d'això, a la pestanya Dades, podeu importar el vostre conjunt de dades des d'un fitxer desat localment o simplement introduir el vostre conjunt de dades manualment. Mostrarà les teves dades en temps real. A continuació, podeu personalitzar les opcions i l'aspecte del gràfic. Quan hàgiu acabat, podeu fer clic al botó de descàrrega i desar el gràfic com a SVG, així com altres formats com PNG, GIF, PDF, etc.
Podeu crear un diagrama SVG amb Aspose Aquí .
On puc fer gràfics gratis?
Per crear gràfics de visualització de dades de forma gratuïta, podeu utilitzar una eina en línia gratuïta que us permet crear diferents tipus de gràfics. Afortunadament, hi ha eines gratuïtes al web per fer-ho, com ara LiveGap, RAWGraphs, Datawrapper i Statpedia. Amb aquestes eines en línia, podeu crear gràfics de línies, àrea, barres, pastís, cercles, radars, dispersió, quadres i molts més.
Quin és el millor programari per a SVG?
Adobe Illustrator és un dels millors programes per crear gràfics SVG a Windows. Tanmateix, aquest és un programari de pagament. Si busqueu un creador SVG gratuït, Inkscape és la vostra millor aposta. És una aplicació gratuïta i de codi obert que permet crear icones i imatges SVG.
Ara llegiu: Programari gratuït de conversió de SVG a JPG i eines en línia .
