MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    read csv-data and put it in an array

    Scheduled Pinned Locked Moved Utilities
    313 Posts 3 Posters 495.6k Views 4 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • PerlchampP Offline
      Perlchamp
      last edited by

      to include in my modul i have to do the following ?

      1. go in my module-folder
      2. npm i --save csvtojson

      than i have to include in my module.js:
      // required scripts
      getScripts: function() {
      return [“moment.js”, “csvtojson.js”];
      },

      is this right?
      if so, how to use it in my script ?

      many thanks in advance.
      stay healthy !

      S 1 Reply Last reply Reply Quote 0
      • S Do not disturb
        sdetweil @Perlchamp
        last edited by sdetweil

        @Perlchamp you have to use the node_helper.js … the module.js file runs in the browser and doesn’t have access to local files

        var xxx= require(‘’)…

        then module has to send request to node_helper and node_helper has to send results back

        see my MyCovid19 module
        https://github.com/sdetweil/MyCovid19

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        1 Reply Last reply Reply Quote 0
        • PerlchampP Offline
          Perlchamp
          last edited by

          hello sam,
          i’m a noob. sorry for that. i will have a look to your module.
          this all is new for me. it will take some time …
          if you would help me, that would be great. but first i have to read some things …

          so long

          S 1 Reply Last reply Reply Quote 0
          • S Do not disturb
            sdetweil @Perlchamp
            last edited by

            @Perlchamp my sample module might be helpful too…
            https://github.com/sdetweil/SampleModule

            implements what is in the developing module documentation
            https://docs.magicmirror.builders/development/introduction.html

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            1 Reply Last reply Reply Quote 0
            • PerlchampP Offline
              Perlchamp
              last edited by

              hello sam,
              thanks a lot. i will have a look on it, too. sure, i will learn a lot.

              so long

              1 Reply Last reply Reply Quote 0
              • PerlchampP Offline
                Perlchamp
                last edited by

                covid chart do not load :-(

                S 1 Reply Last reply Reply Quote 0
                • S Do not disturb
                  sdetweil @Perlchamp
                  last edited by

                  @Perlchamp show me the config for the module?

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  1 Reply Last reply Reply Quote 0
                  • PerlchampP Offline
                    Perlchamp
                    last edited by

                    in config.js i didn’t use the config section. i thought the defaults should be enough. ok, i will put the config section into the config.js. just a moment, please …

                    S 1 Reply Last reply Reply Quote 0
                    • S Do not disturb
                      sdetweil @Perlchamp
                      last edited by sdetweil

                      @Perlchamp no… I don’t pick any countries or states, or describe how big the charts should be…
                      try this

                      		{
                      			module:"MyCovid19",
                      			disabled:false,
                      			position:"top_left",
                      			classes: 'sam',			
                      			config:{
                      				countries:["Italy","USA","China","Spain", "France",'Sweden'],
                      				// line colors can be any definition of color either a name ,or a hex string
                      				// one per country above, used in order,
                      				line_colors:['red','white','green','yellow','#34ebde','#34eb00'],
                      				//				
                      				chart_type:"cumulative_deaths",  // or "cumulative deaths"
                      				chart_title:"cumulative deaths by country", // however u want to label
                      				// the vertical steps on the chart.. how tall u want it to be and how mant increments 
                      				ranges:{min:0,max:30000,stepSize:5000},
                      				// size of the chart in pixels
                      			    width: 400,
                      			    height: 400,	
                      			    // only used if we need to debug something
                      			    debug:false,
                      			    startDate:'02/01/2020',
                      			    //backgroundColor: 'white',
                      			},
                      		},	
                      

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      1 Reply Last reply Reply Quote 0
                      • PerlchampP Offline
                        Perlchamp
                        last edited by

                        still loading …

                        {
                        			module: "MyCovid19",
                        			position: "top_right",
                        			config:{
                        				countries: "Italy",
                        			    //countries:["Italy","USA","China","Spain","France"],
                                        //OR
                        			    //states:['New York','Illinois','Texas'],
                        
                        			    // one of countries or states MUST be specified
                        
                        			    // line colors can be any definition of color either a name ,or a hex string
                        			    // one per country above, used in order,
                        			    //line_colors:['red','white','green','yellow','blue'],
                        			    line_colors: "white",
                        			    //				
                        			    chart_type:"cumulative_cases",  // or "cumulative deaths"
                        			    chart_title:"Cumulative Cases", // however u want to label
                        			    // the vertical steps on the chart.. how tall u want it to be and how mant increments
                        			    ranges:{min:0,max:8000,stepSize:10000},
                        			    // size of the chart in pixels
                        		        width: 400,
                        		        height: 500,
                        		        // only used if we need to debug something
                        		        debug:false,
                        		        startDate: "02/01/2020"
                        		    }
                        		},
                        
                        S 1 Reply Last reply Reply Quote 0
                        • S Do not disturb
                          sdetweil @Perlchamp
                          last edited by

                          @Perlchamp said in read csv-data and put it in an array:

                            		countries: "Italy",
                          

                          must be an array countries : [ ‘Italy’ ] ,

                          Sam

                          How to add modules

                          learning how to use browser developers window for css changes

                          1 Reply Last reply Reply Quote 0
                          • PerlchampP Offline
                            Perlchamp
                            last edited by

                            to include csvtojson i have to do the following ?

                            getScripts: function () {
                            		    return ["moment.js", "modules/" + this.name + "/node_modules/csvtojson/bin/csvtojson.js"];
                            		},
                            

                            is that right ?
                            covid do not run … black screen, no loading message …

                            S 2 Replies Last reply Reply Quote 0
                            • S Do not disturb
                              sdetweil @Perlchamp
                              last edited by sdetweil

                              @Perlchamp no… see the node_helper.js

                              you cannot use the csvtojson in the modulename.js

                              Sam

                              How to add modules

                              learning how to use browser developers window for css changes

                              1 Reply Last reply Reply Quote 0
                              • S Do not disturb
                                sdetweil @Perlchamp
                                last edited by

                                @Perlchamp did u use my config info above? just to make it work

                                Sam

                                How to add modules

                                learning how to use browser developers window for css changes

                                1 Reply Last reply Reply Quote 0
                                • PerlchampP Offline
                                  Perlchamp
                                  last edited by

                                  yes.
                                  [“Italy”],

                                  which one? in your corona ?

                                  S 1 Reply Last reply Reply Quote 0
                                  • S Do not disturb
                                    sdetweil @Perlchamp
                                    last edited by

                                    @Perlchamp i provided a complete working sample for my module above… copy/paste it into your config.js

                                    Sam

                                    How to add modules

                                    learning how to use browser developers window for css changes

                                    1 Reply Last reply Reply Quote 0
                                    • PerlchampP Offline
                                      Perlchamp
                                      last edited by

                                      i did copy it, but doesn’t work yet. have i look on your code. is there a comma after the date. i think this shouldn’t be there. i deleted it, but still does not work => black screen

                                      S 1 Reply Last reply Reply Quote 0
                                      • S Do not disturb
                                        sdetweil @Perlchamp
                                        last edited by

                                        @Perlchamp you copied all this exactly, right?

                                        {
                                        			module:"MyCovid19",
                                        			disabled:false,
                                        			position:"top_left",
                                        			classes: 'sam',			
                                        			config:{
                                        				countries:["Italy","USA","China","Spain", "France",'Sweden'],
                                        				// line colors can be any definition of color either a name ,or a hex string
                                        				// one per country above, used in order,
                                        				line_colors:['red','white','green','yellow','#34ebde','#34eb00'],
                                        				//				
                                        				chart_type:"cumulative_deaths",  // or "cumulative deaths"
                                        				chart_title:"cumulative deaths by country", // however u want to label
                                        				// the vertical steps on the chart.. how tall u want it to be and how mant increments 
                                        				ranges:{min:0,max:30000,stepSize:5000},
                                        				// size of the chart in pixels
                                        			    width: 400,
                                        			    height: 400,	
                                        			    // only used if we need to debug something
                                        			    debug:false,
                                        			    startDate:'02/01/2020',
                                        			    //backgroundColor: 'white',
                                        			},
                                        		},	
                                        

                                        Sam

                                        How to add modules

                                        learning how to use browser developers window for css changes

                                        1 Reply Last reply Reply Quote 0
                                        • PerlchampP Offline
                                          Perlchamp
                                          last edited by

                                          my config yet:

                                          		{
                                          			module:"MyCovid19",
                                          			disabled:false,
                                          			position:"top_left",
                                          			classes: 'sam',			
                                          			config:{
                                          				countries:["Italy"],
                                          				//countries:["Italy","USA","China","Spain", "France",'Sweden'],
                                          				// line colors can be any definition of color either a name ,or a hex string
                                          				// one per country above, used in order,
                                          				//line_colors:['red','white','green','yellow','#34ebde','#34eb00'],
                                          				line_colors:['white'],
                                          				//				
                                          				chart_type:"cumulative_deaths",  // or "cumulative deaths"
                                          				chart_title:"cumulative deaths by country", // however u want to label
                                          				// the vertical steps on the chart.. how tall u want it to be and how mant increments 
                                          				ranges:{min:0,max:30000,stepSize:5000},
                                          				// size of the chart in pixels
                                          			    width: 400,
                                          			    height: 400,	
                                          			    // only used if we need to debug something
                                          			    debug:false,
                                          			    startDate:'02/01/2020'
                                          			    //backgroundColor: 'white',
                                          			},
                                          		},
                                          
                                          
                                          S 1 Reply Last reply Reply Quote 0
                                          • S Do not disturb
                                            sdetweil @Perlchamp
                                            last edited by

                                            @Perlchamp I used yours exactly, and works

                                            Sam

                                            How to add modules

                                            learning how to use browser developers window for css changes

                                            1 Reply Last reply Reply Quote 0

                                            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                            With your input, this post could be even better 💗

                                            Register Login
                                            • 1
                                            • 2
                                            • 3
                                            • 4
                                            • 5
                                            • 6
                                            • 7
                                            • 15
                                            • 16
                                            • 5 / 16
                                            • First post
                                              Last post
                                            Enjoying MagicMirror? Please consider a donation!
                                            MagicMirror created by Michael Teeuw.
                                            Forum managed by Sam, technical setup by Karsten.
                                            This forum is using NodeBB as its core | Contributors
                                            Contact | Privacy Policy