CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede sennels Nybegynder
21. januar 2004 - 09:59 Der er 11 kommentarer og
1 løsning

SVG ? hvordan gør jeg ? og er det vejen frem ?

Hej

Jeg har en masse data i en database, som jeg gerne  vil præsentere grafisk i søjlediagrammer, kurver, plots m.m.
Jeg bruger ASP, til at tilgå min database med.

Men spørgsmålet er nu,
om SVG er vejen frem herfra ?

Da jeg aldrig har lavet noget med SVG, er der et sted, hvor jeg læse om syntaxen ?

Og er der nogen som har nogle simple ekspempler på diagrammer, som er lavet med SVG, som jeg kan kigge lidt i, og aflure, hvordan man gør ?


MVH Thomas
Avatar billede nute Nybegynder
21. januar 2004 - 10:31 #1
her er en tutorial:
http://www.adobe.com/svg/basics/intro.html

og nogle andre interessante links:
http://www.carto.net/papers/svg/samples/
http://www.w3.org/Consortium/Offices/Presentations/SVG/ShortTutorial/

prøv eksemplerne selv ... kopier koden ind i en .svg fil og åbne dem i en browser.

/nute
Avatar billede bearhugx Nybegynder
21. januar 2004 - 11:50 #2
du skal huske på at der skal installeres et 3.-parts program på klienterne inden du kan vise SVG grafik...

Men prøv f.eks. at kigge på
  http://www.adobe.com/svg/demos/devtrack/chart.html (et omfattende eksempel - men meget flot :-)

og denne artikel fra aspAlliance
  http://authors.aspalliance.com/olson/articles/Svg.aspx (mange simple grafer, med kode i ASP.net)
Avatar billede sennels Nybegynder
21. januar 2004 - 12:56 #3
OK i er jo benhårde.. :-)
Gider i uddybe lidt hvor jeg skal starte ?

Ham olson's side f.eks der har en asp side, en hmtl side og xml side.
er det sådan man bygger det op ?

Kan en ren asp/html side ikke skabe både data og præsentation, eller er det dybt åndsvagt ?
Avatar billede bearhugx Nybegynder
21. januar 2004 - 13:09 #4
i princippet kan siden både indholde data og præsentation - eksempelt er kun lavet for at illustrere muligheden for at lave en generisk graf over nogle vilkårlige data - hvis din side allerede har data'ene, så er det intet problem at lave svg koden ud fra det ...
Har du et eksempel på en graf, du ønsker at lave, så kan jeg da hjælpe dig noget af vejen (kan php og jsp, men ikke så meget ASP, så programmeringsmæssigt bliver det mest i pseudokode :-)
Avatar billede nute Nybegynder
21. januar 2004 - 13:15 #5
personlig synes jeg den "flotteste" løsning, er at separere data og præsentation. Det nemmeste eksempel kan være fx. dette:

Lav en .svg fil, med følgende indhold (kald den test.svg):
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20000303 Stylable//EN"
"http://www.w3.org/TR/2000/03/WD-SVG-20000303/DTD/svg-20000303-stylable.dtd">
<svg xml:space="preserve" width="5.5in" height=".5in">
<text style="fill:red;" y="15">This is SVG.</text>
</svg>

Derefter laver du en .html fil hvor du laver følgende kode:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <title>Untitled</title>
</head>
<body>
<table>
    <tr>
        <td>
            <embed src="test.svg" name="printable_map" type="image/svg+xml">
        </td>
        <td>
            <embed src="test.svg" name="printable_map" type="image/svg+xml">
        </td>
    </tr>
</table>
</body>
</html>

og vupti, så har du noget svg på din side.
Avatar billede bearhugx Nybegynder
21. januar 2004 - 13:21 #6
nute--- spørgsmålet er om du her at delt data og præsentation - jeg mener det ikke- kun at du har delt præsentationen op i to logiske komponenter...

jeg mener også at svg-objekter skal defineres i fil for sig selv (så det ikke bliver blandet sammen med HTML'siden... Men det data, du reelt har i ovenstående eksempel er jo ikke såmeget svg-objektet men mere strengen "This is SVG." ... og den kunne så vælges at ligge i en xml-fil for sig selv...

jeg forestillede mig lidt at sennels evt. havde en asp-side, som outputtede disse svg-objekter/filer....

på den måde kunne man forestille sig en side med følgende kode

<body>
  <object type="image/svg+xml" width="..." height="..." src="http://server/lavSVGChart.asp">
  </object>
</body>
Avatar billede nute Nybegynder
21. januar 2004 - 13:26 #7
bearhugx >> du har fuldstændig ret ... det kom jeg til at tænke på efter jeg havde postet.

Jeg er også ny til dette, men bruger da threaden til at lære lidt om det. da jeg fortsatte at lege med mit eksempel fant jeg ud at præsentationen lå direkte nede i min .svg fil. (( endnu en grund til at jeg kun poster kommentarer og ikke svar ;-) ))
Avatar billede bearhugx Nybegynder
21. januar 2004 - 13:39 #8
sennels >> du spørger om svg er vejen frem ...

SVG _kan_ være vejen frem - det er forholdsvist enkelt at lave grafer i det, når man først har fået SVG syntaksen på plads - graferne er flotte - i hvert fald flottere end de mange "vi-laver-dine-data-om-til-gif-billeder-af-grafer"-biblioteker, som findes derude...

Det kommer dog med en pris, idet alle, som skal se graferne, skal have et plugin installeret (Adobes er ret godt :-), men er bl.a. omfattende at installere på Mozilla/Netscape browsere)

Det er klart at der vil ses mere SVG i fremtiden... Men om SVG er fremtiden for din hjemmeside kan kun du beslutte...


Hvor du læser om SVG syntaksen :
  du kan altid finde specifikationen her :  http://www.w3.org/Graphics/SVG/

  Dette er (bør være) den eksakte og altid up-to-date bestemmelse af, hvad der er muligt i SVG-land :-)

ang. eksempler :
  har postet nogle ovenfor - men ellers søg på SVG på f.eks. google - der er mange "fan sites"  allerede
Avatar billede sennels Nybegynder
24. januar 2004 - 10:31 #9
Hejsa

tak for jeres gode input, det har ledt mig på et og nyt spændende spor, og er nu langsomt ved at få det til at hænge sammen..
Avatar billede sennels Nybegynder
26. januar 2004 - 12:39 #10
Hej Bearhugx eller Nute.
Ved i hvordan jeg kan sikre, mig at komponenten nemmeste bliver installeret.
tjek venligst
http://www.eksperten.dk/spm/457049
Avatar billede bearhugx Nybegynder
26. januar 2004 - 14:42 #11
har lige set dit nye spørgsmål -- kigger lige på det - det har også været et spørgsmål for mig :-))
Avatar billede mobi2 Nybegynder
11. marts 2004 - 13:35 #12
Har lige en lille kommentar til alt det her :-)
Jeg har rodet med svg 1 mdr tid, og har så fundet en ganske god hjælp gennem learn svg. Man kan købe en E-book fra dem for 15 dollar, og da kursen ikke er det vilde er det virkelig et godt køb. Stort set alle grundprincipperne er beskrevet i detajler, samt en hel del andet. Bogen kan findes her, samt 3 tut over svg: www.learnsvg.com.
Envidere er der Webdraw!! Nok det bedste dev tool til svg. Det har ALT hvad man kan ønske sig inden for editering og redigering af svg. find det her: http://www.jasc.com/products/webdraw/?
og så min stille mening... SVG er helt sikkert fremtiden. Det kan bruges alle steder, også på håndholdte og mobiler, og grafiken bliver bare ikke bedre :-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Programmeringssprog kurser
Kurser inden for grundlæggende programmering
Se alle Programmeringssprog kurser

Flere spørgsmål fra XML & XSLT kategorien

Titel Indlæg Oprettet Seneste aktivitet
Gyldig XML? Af jpi i XML & XSLT 8 13/03/202314:56 14/03/202316:28
håber nogen kan hjælpe Af offenbach1 i XML & XSLT 4 01/02/202310:27 01/02/202314:13
Hvordan skal der svares på dette telegram Af scb i XML & XSLT 0 03/03/202121:25 -
ZIP > XML > HTML Af kodak i XML & XSLT 2 07/03/202001:19 07/03/202010:41
Skjule forretningslogik Af ABCit i XML & XSLT 1 24/01/202012:54 25/01/202017:43
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 13:30 Hvordan ændres UniFi Dream Machine UDM til switch mode Af Kasper4450 i Internetforbindelser
I dag 13:01 Film går i stå midt i afspilningen Af ole falsted i Musik & videoafspillere
I dag 11:40 Fjerne mappe i stifinder Af Peter Olsen i Andet software
I dag 11:27 renteberegning Af Pil i Excel
I går 22:30 Underlig meddelelse på skærmen Af Jordegern i E-mail programmer
White papers
Flere white papers »


Premium
Teaser billede
Vil købe tele-løsninger til det offentlige for 370 millioner kroner
Læs mere »
Efterspørgslen på AI-regnekraft er enorm - og det smitter af på priserne: "Vi kan sælge næsten alt, hvad vi får ind"
Nyt værtøj fra Microsoft: Snart kan du reparere nedbrudte Windows-enheder på distancen
Politiet skriver kontrakt på 75 millioner kroner med dansk it-firma: Medarbejdere skal flytte ind hos politiet
Se alle »
Computerworld
Teaser billede
Microsofts nye pc er ekstrem billig – men kan blive ekstrem sikker og fleksibel
Læs mere »
Test: Prøv kun disse B&O-hovedtelefoner, hvis du har råd
Kæmpe datalæk på hospital: 750.000 patienters fortrolige data lækket
Telegigant klar med AI-baseret mormor: Holder telefon-svindlere fast i røret med sniksnak og dumme spørgsmål
Se alle »
CIO
Teaser billede
Konsulenthus vil rulle Microsoft 365 Copilot ud til 200.000 ansatte
Læs mere »
Kæmpe-opgave for Danske Bank har banet vej for fuldautomatiseret migrering til cloud: Nu udbredes metoden i hele AWS
Microsofts store årlige event: De tre vigtigste nøglebudskaber fra Satya Nadella om Microsofts fremtid
Tre vigtige erkendelser, som Computerworld tog med hjem fra Gartners store topmøde i Barcelona
Se alle »
Job & Karriere
Teaser billede
Microsoft klar med ny direktion for den danske forretning: Her er de nye direktører
Læs mere »
Efter skelsættende møde med sportscoach: Stor dansk it-arbejdsplads indfører fredags-fri og isbade i arbejdstiden
Linus Torvalds giver russiske Linux-udviklere sparket: Vil ikke have noget med dem at gøre
Topchef Sara Green mener, at der er brug for et radikalt nyt syn på it-ledelse - særligt én ny trend hader hun som pesten
Se alle »
White paper
Teaser billede
Cyberstatus 2024: Her er truslerne – og her forbereder virksomhederne sig
Læs mere »
MDR: Transparent sikkerhed og overvågning i realtid
Sådan gør du: Elektronisk dokumentudveksling i praksis
SAP: Skab værdi og minimér omkostninger med effektiv dokumenthåndtering
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »