nl.hideout-lastation.com
Paradijs Voor Ontwerpers En Ontwikkelaars


Maak op JavaScript gebaseerde gegevensgrafieken met Billboard.js

Afbeeldingen en afbeeldingen spelen een cruciale rol bij het verbeteren van de webcontent. Met moderne technologie is het zo eenvoudig om aangepaste afbeeldingen zoals SVG-pictogrammen aan uw pagina toe te voegen.

Maar een andere verrassende visual die je vanaf nul kunt opbouwen, is een webgrafiek.

Dit kan u helpen de gegevens visueel weer te geven, zodat uw bezoekers snel relevante informatie kunnen doorbladeren. En in plaats van zelf een grafiek te coderen, kunt u een bibliotheek zoals Billboard.js gebruiken om al het zware werk te doen.

Dit is eigenlijk bovenop D3 gebouwd, een JavaScript-bibliotheek voor gegevensvisualisatie. Het is eenvoudig de populairste die er is en het de veiligste afhankelijkheid maakt waar je om kunt vragen.

Met Billboard.js heeft u snel en eenvoudig toegang tot de D3 API. Het primaire doel van Billboard is gebruiksgemak, waardoor het voor iedereen toegankelijk is . Hoewel het enige ervaring met JavaScript heeft, hoeft u zeker geen expert te zijn.

Merk alleen op dat de volledige codebase ES6-syntaxis gebruikt, wat verwarrend kan zijn voor minder ervaren JS-ontwikkelaars.

Zolang je weet hoe je de code moet compileren, komt het wel goed. We hebben een paar geweldige functies van ES6 behandeld als je meer wilt weten.

Alle technische details over deze plug-in lijken misschien aardig. Maar je wilt waarschijnlijk gewoon weten wat dit kan doen .

Bekijk de demopagina en klik door enkele van de live voorbeelden.

U vindt alles van taartgrafieken tot spreidingsdiagrammen en aangepaste geanimeerde staafdiagrammen.

Met Billboard.js heeft u volledige controle over uw gegevens . U bepaalt hoe het op de pagina wordt weergegeven, hoe het is gestructureerd en welk type UI / UX-functies u toevoegt (indien aanwezig).

Het is echt een fantastische diagrambibliotheek en het is een van de gemakkelijkst op te halen. Bekijk de GitHub-repo van het project voor meer informatie.

Je kunt dit codefragment ook doornemen met CodePen als je met de code in je browser wilt spelen.

20 uitstekende architectonische ontwerpen van over de hele wereld

20 uitstekende architectonische ontwerpen van over de hele wereld

Zoals met alle andere soorten ontwerpwerk, is het maken van goede huisontwerpen geen eenvoudige taak. Gelukkig zullen we dankzij de vele getalenteerde architecten over de hele wereld niet zonder nieuwe, indrukwekkende architecturale ontwerpen komen. Bovendien beschikken we tegenwoordig over alle geavanceerde technologieën die ons ter beschikking staan.

(Technische en ontwerptips)

Auto-Genereer mooie kleurenpaletten met Ambiance

Auto-Genereer mooie kleurenpaletten met Ambiance

Of u nu een UI / UX-ontwerper of een digitale kunstenaar bent, u moet weten dat kleur cruciaal is voor het eindproduct .Maar het vinden van het juiste kleurenschema is moeilijk en het gaat meestal gepaard met veel vallen en opstaan. Met Ambiance kunt u kleurenschema's automatisch vanuit de COLOURlovers-API genereren, alles met één klik!D

(Technische en ontwerptips)