Most recent comments
Liveblogg nyttårsaften 2017
Tor, 6 months, 2 weeks
Jogging og blogging
Are, 1 year, 6 months
Liveblogg nyttårsaften 2016
Are, 1 year, 6 months
Reading in dark times
Are, 1 year, 8 months
Moldejazz 2016
Camilla, 1 year, 11 months
Dørskilt
Karoline, 2 years
Halifax
Tor, 2 years
Sony Smartwatch 3 review
Tor, 2 years, 1 month
Numerikk, takk
Tor, 2 years, 1 month
Topp tur
Camilla, 2 years, 3 months
50 book challenge
Camilla, 6 months, 2 weeks
Five years ago
Moldejazz 2013, del I
Tor
Controls
Register

SVG

Jeg har snakket litt med et par webdesignere i det siste, og jeg må si jeg er virkelig imponert over alt det utrolig kule man kan gjøre på en nettside nå om dagen. En av tingene som ble nevnt er at alle nettlesere nå om dagen støtter svg (scalable vector graphics). Mitt forhold til svg er at det er det formatet Inkscape lagrer ting i, og jeg har faktisk prøvd meg på manuelt redigere en svg-fil fra Inkscape en gang i tiden, men det var mildt sagt en frustrerende opplevelse. Jeg var derfor en anelse skeptisk da svg ble trukket frem som veien, lyset og livet.

Det er imidlertid viktig å være villig til å oppdatere fordommene sine en gang i blant, så jeg satte meg ned etter middag og kikket litt på hva man kan gjøre med svg og litt lettvint javascripting på en nettside. Min motivasjon for å gjøre slike ting er ofte knyttet til å presentere data på en eller annen måte, og etter litt prøving feiling greide jeg å hacke sammen et lite eksempel som lager en interaktiv graf med ca 40 linjer javascript og svg. Vi tillater naturligvis ikke hvasomhelst av script og tags i artikler på Calcuttagutta, så jeg fyrte opp et django-shell og stappet tekst ukritisk rett inn i artikkelobjektet. Av og til er den korteste veien gjennom gjørma.

(En annen ting jeg lenge har tenkt at jeg burde blogge om er at jeg planlegger å begynne å bruke ordtak som ikke gir helt mening. Men det får bli en annen gang.)

Så, uten mer om og men, her er eksempelet jeg satte sammen. Er det ikke kult?

Sorry, your browser does not support inline SVG.
Anja likes this
Category
Technology
Tags
javascript
svg
webdesign
html5
Views
1468