Cách tạo hiệu ứng giao diện web

#1

Chào mọi người ! Cho mình hỏi làm sao tạo được hiệu ứng biểu đồ dùng bootstrap, hay code CSS như nào ý, hoặc cho mình keyword, tên của hiệu animation để mình search ạ, có templete mẫu để tham khảo thì càng tốt ạ :sweat_smile: cảm ơn mọi người nhiều :heart:

1 Like
#2

Thích tự viết thì dùng thẻ canvas của HTML, không thì dùng thư viện có sẵn.
Từ khóa: javascript charts. Cái vòng tròn gọi là donut.
https://www.jqueryscript.net/blog/best-pie-donut-chart.html

6 Likes
#3

cái donut là làm cho một phần chart to ra còn cái ô text hiện ra như popup giống trong ảnh thì gọi là gì vậy ạ ?

#4

Cái donut thì mình không rõ, nhưng muốn rà chuột vào một đối tượng và nó to lên thì tìm kiếm với từ khoá Zoom on Hover , ex: https://www.w3schools.com/howto/howto_css_zoom_hover.asp

3 Likes
#5

Nếu lười viết thì tham khảo 2 thư viện này:
https://www.chartjs.org/docs/latest/charts/doughnut.html

3 Likes
#6

Bạn dùng D3 để xử lý dữ liệu đầu vào props, sau đó render() bằng SVG path.

4 Likes
83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?