Coder Social home page Coder Social logo

data-big-screen's Introduction

data-big-screen

安保集团数据大屏, 项目预览链接: data-screen

大屏尺寸比例为:16:9 适配大部分屏幕

技术栈

viteReactReactRouterGirdEcharts

项目介绍

该项目是根据公司大屏自己实现的React版本(公司使用Vue,且不允许将源码公布出去)数据大屏,目的是为了学习Grid、Echarts的使用。

项目涉及到的数据均为虚构的数据!

  1. 根据实际情况大部分大屏可安装chrome浏览器,因此此项目布局采用GridFlex布局,不会出现不兼容的问题。
  2. 同时为适配大部分的屏幕,采用rem根据不同屏幕的尺寸计算页,达到适配不同尺寸屏幕的需求,在此基础上同时适配了手机。
  3. 项目中包含地图,柱状图,饼图,表单等图例,所有图例可以实时更新数据

data-big-screen's People

Contributors

vinomamba avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.