nl.hideout-lastation.com
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.
Het geheugen van de iPhone wissen zonder het uit te schakelen
Degenen die hun apparaten voor een langere periode gebruiken, zullen waarschijnlijk merken dat het na een tijdje afneemt. Zo'n geval is ook van toepassing op de iPhone.Een van de gemakkelijkste manieren om uw apparaat weer soepel te laten werken is met een eenvoudig geheugen vrij, maar als u niet geïnteresseerd bent om uw apparaat opnieuw op te starten, is dit een eenvoudige truc waarmee u de telefoon kunt uitschakelen .
4 manieren om fantastische CSS-only accordeons te maken
Content-accordeons vormen een nuttig ontwerppatroon. Je kunt ze voor veel verschillende dingen gebruiken: voor menu's, lijsten, afbeeldingen, artikelfragmenten, tekstfragmenten en zelfs video'sDe meeste accordeons die er zijn, vertrouwen op JavaScript, voornamelijk op jQuery, maar sinds het gebruik van geavanceerde CSS3-technieken wijdverspreid is, kunnen we ook mooie voorbeelden vinden die alleen HTML en CSS gebruiken, waardoor ze toegankelijk zijn in omgevingen met uitgeschakeld JavaScript
