home.social

#chartjs — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #chartjs, aggregated by home.social.

fetched live
  1. Оживляем данные Strava: от парсинга GPX до интерактивной карты на Python и JS

    Привет, Хабр! Меня зовут Александр, я разработчик и, как многие в IT, стараюсь уравновешивать сидячую работу спортом — в моем случае, это велосипед и бег. И, как многие спортсмены-любители, я пользуюсь Strava. В этой статье я хочу провести вас «под капот» моего проекта и показать на реальных фрагментах кода, как с помощью Python, щепотки NumPy и капли JavaScript можно построить собственный мощный инструмент для анализа спортивных данных. Это история не только про код, но и про философию открытых данных и желание сделать профессиональные инструменты доступными для всех.

    habr.com/ru/articles/925262/

    #strava #python #fastapi #gpx #numpy #chartjs #визуализация_данных #графики #leaflet #petproject

  2. 📊📈 We’ve released the “Chart.js Wrapper for Vaadin” – an #opensource component to integrate Chart.js charts in Vaadin apps. Supports Chart.js v4, async data loading and dark mode.

    Check our Github Repo or xdev.software/news

    #Vaadin #ChartJS #Java #DataVisualization

  3. 📊📈 We’ve released the “Chart.js Wrapper for Vaadin” – an #opensource component to integrate Chart.js charts in Vaadin apps. Supports Chart.js v4, async data loading and dark mode.

    Check our Github Repo or xdev.software/news

    #Vaadin #ChartJS #Java #DataVisualization

  4. Supercharge your Odoo18 Dashboard OWL skills! Master reactive sales dashboards with OWL, Chart.js, and ORM data. Step-by-step guide includes templates, JS component, and CSS. #Odoo #OWL #Dashboard #ChartJS #WebDev

    teguhteja.id/odoo18-dashboard-

  5. Supercharge your Odoo18 Dashboard OWL skills! Master reactive sales dashboards with OWL, Chart.js, and ORM data. Step-by-step guide includes templates, JS component, and CSS. #Odoo #OWL #Dashboard #ChartJS #WebDev

    teguhteja.id/odoo18-dashboard-

  6. 🪧 Adding chart.js to Hugo: Let's find out how to add chart.js to your static website built with Hugo.
    kmcd.dev/posts/hugo-chartjs/
    #hugo #chartjs #static-websites #blog

  7. 🪧 Adding chart.js to Hugo: Let's find out how to add chart.js to your static website built with Hugo.
    kmcd.dev/posts/hugo-chartjs/
    #hugo #chartjs #static-websites #blog

  8. All our charts are now powered by Chart.js, a charting library that's open source (like Lichess). It is used on rating charts, analysis graphs, the lag gauge, and more. Previously, we were reluctantly using a closed source library. Many thanks to the Lichess user ItsGam3Tyme for this great contribution!

    #chess #lichess #chartjs #opensource #freesoftware

  9. All our charts are now powered by Chart.js, a charting library that's open source (like Lichess). It is used on rating charts, analysis graphs, the lag gauge, and more. Previously, we were reluctantly using a closed source library. Many thanks to the Lichess user ItsGam3Tyme for this great contribution!

    #chess #lichess #chartjs #opensource #freesoftware

  10. NextJS with is the only charting library that works directly out of the box. Almost all the other rest have some issues or the other with integration.

    Airbnb Visx, Nivo Charts, Apache ECharts none of these actually worked fully.

  11. NextJS with #ChartJS is the only charting library that works directly out of the box. Almost all the other rest have some issues or the other with integration.

    Airbnb Visx, Nivo Charts, Apache ECharts none of these actually worked fully.

    #nextjs #react #frontend #chart #library

  12. Very random question... Does anyone know of a working Packed.Circle solution for #ChartJS? Could be a full plugin, or just an algorithm that handles scaling the circles so they fit within bounds with no overlap (ideally with a center of gravity in the middle) and I can feed the x,y,r values into the existing ChartJS bubble chart. My use case will be 10-20 circles, radii 1-200 (pre-scaling) on a canvas 400x400 (though everything is variable of course!).

  13. Very random question... Does anyone know of a working Packed.Circle solution for #ChartJS? Could be a full plugin, or just an algorithm that handles scaling the circles so they fit within bounds with no overlap (ideally with a center of gravity in the middle) and I can feed the x,y,r values into the existing ChartJS bubble chart. My use case will be 10-20 circles, radii 1-200 (pre-scaling) on a canvas 400x400 (though everything is variable of course!).

  14. Are you interested in international genetic sequence #datasharing, animated charts and #ChartJS? If yes, check out my new blog. Also, given the likely intersection of these interests, you are probably me.

    alhufton.com/exploring-the-int

  15. Hmmm, what to do? I'm refactoring a webapp of mine kicking out all the old frontend stuff, but aim to keep the build tooling to a minimal. Will be going with , so that requires Node (which is fine).

    But for the parts, which will be libraries such as and , but also and some others. Will I add to handle this, use unpkg (don't want to depend on a CDN) or manually download and link in my project?

  16. Hmmm, what to do? I'm refactoring a webapp of mine kicking out all the old frontend stuff, but aim to keep the build tooling to a minimal. Will be going with #Tailwindcss, so that requires Node (which is fine).

    But for the #javascript parts, which will be libraries such as #htmx and #hyperscript, but also #chartjs and some others. Will I add #ESBuild to handle this, use unpkg (don't want to depend on a CDN) or manually download and link in my project?

  17. Here's where I'm at with this "Time to first response" chart.

    It hits the initial design, and I like it.

    There's somewhat of an answer to the "So what?" question, which was the goal: when there's too much going on above the goal for too long, especially the average, it's time to revisit the commitments and support processes.

    Next week I'm starting on a new chart. Also for operators.

    #BuildInPublic #RubyOnRails #WIP #dataviz #stimulusjs #chartjs

  18. Here's where I'm at with this "Time to first response" chart.

    It hits the initial design, and I like it.

    There's somewhat of an answer to the "So what?" question, which was the goal: when there's too much going on above the goal for too long, especially the average, it's time to revisit the commitments and support processes.

    Next week I'm starting on a new chart. Also for operators.

    #BuildInPublic #RubyOnRails #WIP #dataviz #stimulusjs #chartjs

  19. using #chartjs to render charts in the browser in a #Laravel PHP app. now I want to email those charts once per week. pondering to call #NodeJS from #PHP to render the images. aim is to keep code duplication and logic running in NodeJs to a minimum while being the least hacky. maybe just use quickchart.io though weary of adding another vendor to the mix.

  20. using #chartjs to render charts in the browser in a #Laravel PHP app. now I want to email those charts once per week. pondering to call #NodeJS from #PHP to render the images. aim is to keep code duplication and logic running in NodeJs to a minimum while being the least hacky. maybe just use quickchart.io though weary of adding another vendor to the mix.

  21. What do you guys all think of the second chart below?

    Does the second headline make it clear?
    Does the lack of dates below the second chart create a lingering hesitation?

    #BuildInPublic #RubyOnRails #dataviz #stimulusjs #chartjs

  22. What do you guys all think of the second chart below?

    Does the second headline make it clear?
    Does the lack of dates below the second chart create a lingering hesitation?

    #BuildInPublic #RubyOnRails #dataviz #stimulusjs #chartjs

  23. here is a wip repo on how i visualize the tchncs donations at tchncs.de/donate using #fireflyiii #timetagger and #chartjs
    git.tchncs.de/tchncs/tchncs-sc

    maybe it's helpful for somebody doing similar donationbased stuff. however, it is not yet ready for clone&play, there is a small number of things to adjust before it will work for you. will clean things up soon™️
    #selfhosted